SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict
    Join Date
    Sep 2001
    Location
    St. Louis, MO
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Font type is affecting image??

    Hello again,

    This is my second post in one night and I don't want to be 'that' guy but I need this site up yesterday and have come across another quirk...

    If you look at this test site...
    http://www.karenwilliamson.com/test/...ction=show_bio
    and click on any of the links you'll see a small gold square .gif in the top left of the content area.

    The guy wanted to change to Times New Roman from verdana and when I did the right side of the image is 'covered' or missing. I switch back to verdana and bingo it's good (in IE6 and 7)

    I added margin to the right side of the .gif as well as adding  's directly in the html and it still does it

    Thanks everyone

  2. #2
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I haven't had much time to look at it properly but it looks like this is the problem area:

    Code:
    &nbsp;&nbsp;&nbsp;</span>&nbsp;<span class="pagetitle">my bio</span>
    Which is right after your H1 tag - is that right?

    Well what I'd do is get rid of all those spaces for a start - then I'd make the my bio bit another heading - say H2.

    I'd then style that H2 to have a background image (the square) and add left padding to the H2 so that you can see the square to the left of it.

    That way - you can change the font without messing it up (or possibly you'd have to just tweak the padding).
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  3. #3
    SitePoint Addict
    Join Date
    Sep 2001
    Location
    St. Louis, MO
    Posts
    212
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey tail,

    The gold button was the background image of an element called decoration so I took out the spaces and added padding and presto. I actually know better but I needed a smack in the back of the head.

    I had originally added padding (before) but didn't take out the spaces so I guess the spaces were pushing the image inward as opposed to away from it?

    I was just thrown at the fact that a mere font change threw this result.

    Thanks bro

  4. #4
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sis actually!
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project


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
  •