SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict Sensaay's Avatar
    Join Date
    Feb 2005
    Location
    Scotland
    Posts
    294
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Formatting problems

    Hi, i quickly made this site for my mum. http://gsinfo.co.uk/brodick-golf-week/
    The title is supposed to have ----- 2006----- with the dashes apearing as a solid bar. happens in firefox fine but doesnt work in IE.
    but in IE the black backgroud to the Brodick Golf Week part is correct in that it should extend another space after the last letter to make it look even.

    can anyone point out where i have gone wrong?
    thanks for any help.
    s.

  2. #2
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cant get to your site from that link there bud!

  3. #3
    SitePoint Evangelist figbeam's Avatar
    Join Date
    Jun 2004
    Location
    Sweden
    Posts
    508
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This was not really easy.

    Add a valid doctype definition. I scratched my head for a long time before I realized thid had to do with it. Now it suddenly doesn't even work in Opera.

    Add units to your values. It's not correct to write "letter-spacing: -4", it should be "letter-spacing: -4px". Now this works in Opera again, but not in IE.

    It looks like IE doesn't care about letter-spacing at all. I tried to find a reference to this problem, but was unable. Anyone else know about this?

    Maybe you should try to do it in some other way...

  4. #4
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Looks fine in IE6, but there are spaces between the dashes in IE5.x.

    It seems that IE5.x/Win only applies letter-spacing to block level elements.

    Lose FrontPage.

    http://validator.w3.org/check?verbos...ick-golf-week/
    http://jigsaw.w3.org/css-validator/v...ick-golf-week/
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  5. #5
    SitePoint Zealot
    Join Date
    May 2005
    Location
    Suwanee GA
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Any reason you would not want to use a Gif for the top?
    You could lay it out in Photoshop and fix all the issues.
    Else just use a gif for the dashes and repeat or set the length.


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
  •