SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    Perth, Western Australia
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Slight CSS problem

    My CSS is valid, as is my XHTML but I have a slight problem with the .head class.

    http://www.hexi-decimal.com/2.php

    See with the header that says "Welcome!", the text overlaps with the dotted underline?

    How can I fix this?

  2. #2
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello

    You can add this to the .head in the css file

    Code:
    padding-bottom: 5px;
    but I noticed that in Firefox the line is not dotted, I changed it from dotted to dashed and it seems to work. Also you can shorten it up by changing it like this:

    Code:
    .head{
     font-family:georgia, arial, sans-serif;
     font-size:18pt;
     color:#9BBCFF;
     font-weight:bold;
     text-transform:uppercase;
     border-bottom: 1px dashed #7095FF;
      padding-bottom: 5px;
     }
    Maybe you had the top, left and right borders set to white there for a reason?

    Hope this helps

    Later
    Johnny

  3. #3
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    Perth, Western Australia
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Johnny.

  4. #4
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    Perth, Western Australia
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hm. The header at the very top of the page seems to be cut off a bit...

  5. #5
    SitePoint Zealot
    Join Date
    Aug 2004
    Location
    Perth, Western Australia
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, the problem is fixed now.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •