Web Analytics Made Easy -
StatCounter Link Colours and Strange Things - CodingForum

Announcement

Collapse
No announcement yet.

Link Colours and Strange Things

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Link Colours and Strange Things

    This is a site I am working on.

    Here is the base page CSS:
    Code:
    /* This is the main Style Sheet for Joggins Fossil Cliffs 2005 */
    
    html {
    margin: 0px;
    padding: 0px;
    }
    
    body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background: rgb(82, 132, 178) url('template.gif') no-repeat center;
    }
    
    body a {
    color: #FFFFFF;
    text-decoration: none;
    }
    
    #contentframe {
    margin: 200px auto 0px auto;
    padding: 0px;
    width: 694px;
    height: 350px;
    }
    
    #footer {
    margin: 0px auto;
    padding: 0px;
    width: 694px;
    }
    
    p.foot {
    padding-top: 3px;
    text-align: center;
    line-height: 90%;
    font-size: 9pt;
    border-top: 1px dotted black;
    }
    And this is the CSS for all the frames:
    Code:
    /* This Style Sheet controls the properties of each content page loaded within the in-line frame of the template */
    
    /* These are universal properties that remain true for all pages loaded within the in-line frame */
    
    html {
    margin: 0px;
    padding: 0px;
    }
    
    body {
    width: 675px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-color: #B0B0B2;
    }
    
    body a {
    text-decoration: none
    color: #FFFFFF;
    }
    
    body a:hover {
    text-decoration: underline;
    color: #FFFFFF;
    }
    
    body a:visited {
    text-decoration: none;
    color: #FFFFFF;
    }
    
    h4 {
    margin-top: 10px;
    text-indent: 125px;
    background-image: url(headerback.gif);
    background-position: center;
    background-repeat: no repeat;
    color: #3E3E3E;
    }
    
    span.bold {
    font-weight: bold;
    }
    
    psan.italic {
    font-style: italic;
    }
    
    /* This section deals almost exclusively with the images on the Local Area information page */
    
    #mining img {
    position: relative;
    float: left;
    margin-right: 10px;
    border: 1px solid #3E3E3E;
    }
    
    #micmac img {
    position: relative;
    float: right;
    margin-left: 10px;
    border: 1px solid #3E3E3E;
    }
    
    #capelighthouse img {
    position: relative;
    float: left;
    margin-right: 10px;
    border: 1px solid #3E3E3E;
    }
    
    #capechignecto img {
    position: relative;
    float: right;
    margin-left: 10px;
    border: 1px solid #3E3E3E;
    }
    
    #maryceleste img {
    position: relative;
    float: left;
    margin-right: 10px;
    border: 1px solid #3E3E3E;
    }
    
    #fundygeo img {
    position: relative;
    float: right;
    margin-left: 10px;
    border: 1px solid #3E3E3E;
    }
    
    /* This section deals with the images for the Science Page */
    
    #geology img
    {
    position: relative;
    float: left;
    border: 1px solid #3E3E3E;
    margin-right: 10px;
    }
    
    #ferns img
    {
    position: relative;
    float: right;
    width: 225px;
    height: 125px;
    border: 1px solid #3E3E3E;
    margin-left: 10px;
    }
    
    #hylonomous img
    {
    position: relative;
    float: left;
    width: 150px;
    height: 200px;
    margin-right: 10px;
    }
    
    /* This section deals with the images for the Fossil Finding Guide Page */
    
    #scaletree img {
    position: relative;
    float: left;
    margin-right: 15px;
    }
    
    #seedfern img {
    position: relative;
    float: right;
    margin-left: 15px;
    }
    
    #calamites img {
    position: relative;
    float: left;
    margin-right: 15px;
    }
    
    #trackways img {
    position: relative;
    float: right;
    margin-left: 15px;
    }
    
    #footprints img {
    position: relative;
    float: left;
    margin-right: 15px;
    }
    The links I want to be just plain white and maybe underlined when rolled over. I tried using the regular link things but they didn't change consistently. Firefox also renders the frame and menu about 10 pixels differently. Any other stuff you spot please let me know. Thanks.
    Once I thought I was wrong but I was mistaken.

  • #2
    not sure about the whole IE vs FF thing but to get white links just add this in....

    a:link {
    color: #FFFFFF;
    text-decoration: none;
    }

    Comment


    • #3
      Yeah, that's how I had it originally but it didn't work right. It only did it for visited links etc. I will try it again though because maybe I just put it in the wrong css file or something. Thanks.
      Once I thought I was wrong but I was mistaken.

      Comment


      • #4
        hmmm, it works on mine :S ... how strange, im new to all this so cant help much beyond that, sorry.

        Comment


        • #5
          Rofl... I only got 3 hours of sleep last night so bear with me. No wonder the visited links weren't changing... I hadn't done a:visited heh. Thanks, that's one problem down.
          Once I thought I was wrong but I was mistaken.

          Comment

          Working...
          X