On Thursday 26 February 2009 2:20:37 pm Gunlaug Sørtun wrote: > David McGlone wrote: > > On Monday 23 February 2009 5:42:58 pm David Laakso wrote: > >> David McGlone wrote: > >>> What could be causing opera to make images overflow instead of > >>> wrapping to the next line? > > > > http://www.dmcentral.net/test > > "Opera, I love you!" > Molly 'the cat'[1] > > > Looks like you have just encountered, and demonstrated, the effect of > "non-breaking spaces" ( ) on inline-content, and I have yet to > figure out what makes *all those other browsers* "think" they should > break "non-breaking spaces" the way they do. > > Maybe I one day will find out that browsers are "allowed to" break > "non-breaking spaces", for some obscure legacy-reason or whatever. > > > *Now, to make things work* > > I think you should start by making up your mind about which standard you > want to mark up in accordance to, and then clean up the markup > accordingly. What you have is no good, I'm afraid... > > <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.dmcentral.net%2Ftest%2F >&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user- agent=W >3C_Validator%2F1.606> > > > Next step would be to get rid of all "non-breaking spaces" between those > images, and use CSS to line the images up - as block-element. > > The addition of... > > #img_cursor h1 {clear: left;} > #img_cursor img {float: left; margin: .3em .5em 0 0;} > > ...will do wonders on a good markup. > > > The result should look somewhat like this... > > <http://www.gunlaug.no/tos/alien/dmg/test_09_0226.html> > > ...and have valid markup in accordance with a suitable (I just picked > one) standard... > > <http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gunlaug.no%2Ftos%2Falie >n%2Fdmg%2Ftest_09_0226.html&charset=%28detect+automatically%29&doctype=Inlin >e&ss=1&group=0&user-agent=W3C_Validator%2F1.606> > > > Once that's done there shouldn't be any major disagreements across > browser-land.
Thank you Georg, You hard coded every image, but I stuck with the php. :-) I wasn't about to hard code every picture for that page because, there could be hundreds more in the future. LOL But I did learn a good lesson. That is validation! I need to use it often and I'll start making it a habit. the reason I went with the " " is because I'm not very good at CSS yet and that was the only way I could figure putting some space between the pictures. Blessings, -- David M. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
