Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Oct 2003
    Posts
    603
    Thanks
    2
    Thanked 1 Time in 1 Post

    images on separate lines?

    http://condraft.com/v3/mocks/

    something in my code is making all the images show up on their own separate rows without <br> tags instead of right next to text.... can anyone help me figure out what's causing this?

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    This is because all images in table-cells are set to display: block; as per this CSS:

    /* Another Mozilla/Netscape bug with making sure our images display correctly */
    td img {display: block;}

    The "bug" that is mentioned is not a bug and also occurs in Internet Explorer. It (correctly) happens when the images are set to their default of display of inline; you can read more about it here: Images, Tables, and Mysterious Gaps.

    Simply put, you need to set the following CSS property on the images you wish to be excepted from the above CSS rule: display: inline;.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    Regular Coder
    Join Date
    Oct 2003
    Posts
    603
    Thanks
    2
    Thanked 1 Time in 1 Post
    worked. thanks!

  • #4
    Regular Coder
    Join Date
    Oct 2003
    Posts
    603
    Thanks
    2
    Thanked 1 Time in 1 Post
    what about for here

    http://realballers.com/forum/

    if i remove that img td{ display:block;} and put inline, the header looks like this in IE.

    http://arctist.com/junk/afs.jpg

    but if i leave it in, the rest of the page all the images are on their own lines.
    Last edited by boeing747fp; 05-04-2006 at 05:27 AM.

  • #5
    Regular Coder
    Join Date
    Oct 2003
    Posts
    603
    Thanks
    2
    Thanked 1 Time in 1 Post
    Bump...

  • #6
    Regular Coder
    Join Date
    Oct 2003
    Posts
    603
    Thanks
    2
    Thanked 1 Time in 1 Post
    nvm... ill just use an iframe and separate the pages

  • #7
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Quote Originally Posted by boeing747fp
    what about for here

    http://realballers.com/forum/

    if i remove that img td{ display:block;} and put inline, the header looks like this in IE.

    http://arctist.com/junk/afs.jpg

    but if i leave it in, the rest of the page all the images are on their own lines.
    The image and website look identical to me in Internet Explorer 6 and Firefox 1.5. If this is really a problem, target the specific images, or areas that contain the images you want to target, with the CSS instead of using a general declaration. I would think this would be obvious.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #8
    Regular Coder
    Join Date
    Oct 2003
    Posts
    603
    Thanks
    2
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Arbitrator
    The image and website look identical to me in Internet Explorer 6 and Firefox 1.5. If this is really a problem, target the specific images, or areas that contain the images you want to target, with the CSS instead of using a general declaration. I would think this would be obvious.
    yep... tried that (then it screws up in firefox and not ie)... so i just set an iframe.


  •  

    Posting Permissions

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