SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,738
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    big space in IE6 ok in FF - <p>

    hi all

    i think this is css anyway.

    i have this code:

    <h1><a href="venues.php"><img src="images/venue02.jpg" alt="Venues" width="70" height="70" border="0" align="left" /></a>Venues / Reviews</h1>
    <p>Listing and links to all the venues around the city.</p>
    <p align="right"><a href="venues.php">more ./a> </p>


    about tis much space between in IE


    <h1><a href="gentlemen.php"><img src="images/playboy.gif" alt="Exotic Dancing Bars" width="70" height="70" border="0" align="left" /></a>Exotic Dancing Bars</h1>
    <p>The ultimate dancing experience, gentlemen..</p>
    <p align="right"><a href="gentlemen.php">more ./a> </p>

    and in ff it stays nice and tight, but in ie it seems well looks like its adding another paragraph creating a big space below each graphic,

    anybody com across this or any solutions??

    does it hav anything to do with that the page is xhtml??

  2. #2
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Without actually seeing the page, you may need to zero out the margin and padding on the H1 tag.

    Nadia

  3. #3
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,738
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks nadia, thats helped alot but still gives that extra bit of space..

    cheers

  4. #4
    SitePoint Enthusiast henkc7's Avatar
    Join Date
    Feb 2005
    Location
    Groningen, The Netherlands
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Barry, you can do 2 things:

    HTML Code:
    img { display:block; }
    or

    HTML Code:
    img { vertical-align:baseline; }
    Both will work, but you may have your reasons why you don't want the image to be a block element.


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
  •