Zane Posted July 10, 2008 Share Posted July 10, 2008 Alright, I've done this a million times and this is the first time this has happened to me. Everything works fine in IE but firefox is the one giving me trouble this time and that can't be happening. I don't have any code to show because it's on another computer right now but it's really typical code so no need to show it. I have an unordered list, and in each list item I have a DIV with an image in it. I have set this so the UL displays horizontal. So I have something like ul.thelist { list-style-type: none; margin:0px; padding:0px; } ul.thelist li{ float:left; } now for some reason beyond me, firefox collapses the first row of images. meaning...the list of images goes until it gets to the side of the page and continues on another row type of thing....(there are no tables) the second row is fine......the tops of all the images are all flush with eachother which I want.....but one the first row all the images are just a little bit lower than it's previous one. NOT FLUSH. what am I doing wrong...is there some secret out there I'm not informed of. CSS isn't my best thing in the world... Quote Link to comment https://forums.phpfreaks.com/topic/114137-list-items-not-flush/ Share on other sites More sharing options...
rhodesa Posted July 10, 2008 Share Posted July 10, 2008 looks fine to me....post your code when you get back to your computer.. this is what i just tested with: <html> <head> <style type="text/css"> ul.thelist { list-style-type: none; margin:0px; padding:0px; } ul.thelist li{ float:left; } </style> </head> <body> <ul class="thelist"> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> <li><div><img src="http://www.phpfreaks.com/forums/index.php?action=dlattach;attach=2931;type=avatar" /></div></li> </ul> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/114137-list-items-not-flush/#findComment-586676 Share on other sites More sharing options...
Zane Posted July 11, 2008 Author Share Posted July 11, 2008 nevermind, it was the stupidest thing I had a break in my LI echos... I feel like a dum dum now I still don't understand why the second row wasn't crooked though...oh well thanks anyway Quote Link to comment https://forums.phpfreaks.com/topic/114137-list-items-not-flush/#findComment-587630 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.