PDA

View Full Version : images on separate lines?

boeing747fp
05-01-2006, 02:49 AM
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?
Arbitrator
05-01-2006, 03:01 AM
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 (http://developer.mozilla.org/en/docs/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;.
boeing747fp
05-03-2006, 12:44 AM
worked. thanks!
boeing747fp
05-04-2006, 05:14 AM
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.
boeing747fp
05-05-2006, 02:37 AM
Bump...
boeing747fp
05-05-2006, 02:56 AM
nvm... ill just use an iframe and separate the pages ;)
Arbitrator
05-05-2006, 03:01 AM
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.
boeing747fp
05-06-2006, 02:58 PM
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.