Matt and Ian, thank you both for your comments and suggestions! I thought I'd post to both of you together to reduce list clutter. Thank you both for writing me directly, so that I didn't have to wait for my digest to come tomorrow to see your replies :)
Matt, I did indeed forget about needing a width declaration when using float....but I think the thing that did it was adding a clear: both to the headers. That split the thumbnail rows just fine :) I am still a bit fuzzy on when I need to use clear.... Ian, you actually caught something that was incorrect as well...I actually wanted to put all four categories of card thumbnails between their own division tags, but I had missed some! Actually now that the problem is resolved, I may see if removing those makes any difference...I probably don't need them now that I have added clear: both to the h3 tags in the stylesheet. Unfortunately this page is still messed up in Firefox (as mine often are)....I have to make some changes to the thumbnails but when I get that done, I'll post the latest version to see if I can get the Firefox issues worked out. Debbie Debbie ----- Original Message ----- From: "Matt Fitzwater" <[EMAIL PROTECTED]> To: "Iorhael" <[EMAIL PROTECTED]> Cc: <[email protected]> Sent: Wednesday, December 21, 2005 3:47 AM Subject: Re: [css-d] breaking up thumbnails into separate rows > You need to declare a width: on .thumbnail. > after that you will probally need to add a clear:both on your h3 as well > good luck > > > Iorhael wrote: > >>I am setting up a very simple website for my portfolio that started out as >>a class project for an online CSS class. I set up thumbnails on this page >>according to how we'd been taught in class but I would like them to be on >>a separate row for each header category listed. I have put the thumbnails >>for each category between their own division tags but that does not seem >>to be working. The page looks the worst on Firefox. I am really stumped on >>this...can someone help me out? >> >>http://www.drk-writing.com/debscards/debscards2.htm >> >>Here's the CSS code I'm using for the thumbnails: >> >>.thumbnail { >> float: left; >> height: 75px; >> border: 1px solid #590F81; >> margin: 0 12px 12px 0; >> padding: 5px; >> text-align: center; >> font-family: 'Comic Sans MS', sans-serif; >> font-size: 12px; >> color: #000; >>} >>Thank you! >> >>Debbie >> >> >> >>______________________________________________________________________ >>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/ >>. >> >> ______________________________________________________________________ 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/
