Hi all. I'm having a similar problem. I'm using Firefox on a PC for
starters. Despite 0margins, 0 padding, I have gaps that i do not
understand between images that make up my banner. I've been reading
CSS , The definitive guide for several weeks and from what i can tell,
if margin is 0, there should not be space with background showing
through between inline elements. Is that right? If i float them
it looks as it should in Firefox however my new Opera browser :)
insists on gaps either way. Am I missing something?
Confused,
Pjs
P.S. Here is the style used for all three images:
img.logo {
border: none;
margin:0px ;
padding: 0px;
/*float: left; fixes it in Firefox PC */
}
div.logobar {
width: 800px;
height: 84px;
padding: 0;
margin:0px auto;
}
Here is the markup:
<html>
<body>
<div class="logobar">
<img class="logo" src="images/logo_piece_1.jpg">
<img class="logo" src="images/logo_piece_2.jpg">
<img class="logo" src="images/logo_piece_3.jpg">
</div>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
