Re: [css-d] Need Text To Wrap Underneath Images
Nope yours works just fine! I just needed to understand the why. Thank you! - Elli --- Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Elli Vizcaino wrote: > > You are just amazing Georg!!! Worked like a charm. > THANK YOU!!! Now > > if you don't mind me asking, why is it that I need > both {display: > > inline-block} and {display: block;}? > > That sequence is a suitable (for your case) way to > trigger Layout[1] in > old IE/win without disturbing other browsers. Of > course, you can always > use another 'hasLayout' trigger, if you like. > > regards > Georg > > [1]http://www.satzansatz.de/cssd/onhavinglayout.html > -- > http://www.gunlaug.no > __ > 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/ > Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
Elli Vizcaino wrote: > You are just amazing Georg!!! Worked like a charm. THANK YOU!!! Now > if you don't mind me asking, why is it that I need both {display: > inline-block} and {display: block;}? That sequence is a suitable (for your case) way to trigger Layout[1] in old IE/win without disturbing other browsers. Of course, you can always use another 'hasLayout' trigger, if you like. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
I will share the information with him but for the sake of time, I'm gonna stick with the tables since I've already had to code that section twice and there are still some other things that need to be addressed. I've gone ahead and implemented Georg's suggestions and they work just lovely! Glad that I was able to find an answer that can address the issues whether you're using tables or coding more semantically with DL's. I just love this list - awesome resource!!! --- Alan K Baker <[EMAIL PROTECTED]> wrote: > I hope your boss appreciates what you do, beyond the > call of duty. Most of them don't. :-( > > The link (below) covers it and seems a nice way of > solving your problem, especially as you have most of > the HTML already in place. Just change the tags and > style them - neat. > > Regards, > > Alan. > > www.theatreorgans.co.uk > www.virtualtheatreorgans.com > Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P > groups > Shopsmith 520 + bits > Flatulus Antiquitus > > > - Original Message - > From: Elli Vizcaino > To: Alan K Baker ; CSS Discuss > Sent: Friday, April 25, 2008 4:41 AM > Subject: Re: [css-d] Need Text To Wrap Underneath > Images > > > I did a Googling and found this: > > http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp > from one of our very own on the list. I had > started > out with a UL of images and links and it wasn't > working especially to achieve the alignment the > designers were looking for, so my boss instructed > me > to revert to tables for that section and which I > wasn't crazy about since those images and links > aren't > tabular data but, based on what I just glanced at, > looks like I'll be able to achieve what I'm > looking to > do, with a DL. Will have to give it a try! > > - Elli > > __ > 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/ > Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
You are just amazing Georg!!! Worked like a charm. THANK YOU!!! Now if you don't mind me asking, why is it that I need both {display: inline-block} and {display: block;}? Elli --- Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Elli Vizcaino wrote: > > > How do I get the text to wrap underneath the > images in this table: > > http://e7flux.com/placead/placead2.html - they > wrap fine in FF & > > Safari but not in IE 6 or 7. > > Add - verbatim... > > #newspapers table a {display: inline-block;} > #newspapers table a {display: block;} > > ...and IE/win will behave as intended. > > If you want even better rendering in IE6, then > add... > > * html #printonline {display: inline; overflow-x: > hidden;} > * html #multiple #newspapers p.free {width: auto; > display: inline;} > > ...to kill some of those old bugs. > > regards > Georg > -- > http://www.gunlaug.no > Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
Try: #newspapers TABLE#nj a { display: block; } Best regards, Christian Kirchhoff *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza Elli Vizcaino schrieb: > I did a Googling and found this: > http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp > from one of our very own on the list. I had started > out with a UL of images and links and it wasn't > working especially to achieve the alignment the > designers were looking for, so my boss instructed me > to revert to tables for that section and which I > wasn't crazy about since those images and links aren't > tabular data but, based on what I just glanced at, > looks like I'll be able to achieve what I'm looking to > do, with a DL. Will have to give it a try! > > - Elli > > > --- Alan K Baker <[EMAIL PROTECTED]> wrote: > > >> I hope no-one will mind an off-topic reply, as I >> think you are genuinely looking for an answer in >> CSS, but the answer's really in HTML. I think the >> simplest answer to your question is to use a "> />" after each image and before each like >> this example (first line of your code: >> >> > src="images/starledger_icon.gif" alt="Star Ledger >> Logo" />The >> Star LedgerFREE ADS* >> >> Regards, >> >> Alan. >> >> www.theatreorgans.co.uk >> www.virtualtheatreorgans.com >> Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P >> groups >> Shopsmith 520 + bits >> Flatulus Antiquitus >> >> >> - Original Message - >> From: Elli Vizcaino >> To: CSS Discuss >> Sent: Friday, April 25, 2008 2:07 AM >> Subject: [css-d] Need Text To Wrap Underneath >> Images >> >> >> Hello, >> >> How do I get the text to wrap underneath the >> images in >> this table: >> http://e7flux.com/placead/placead2.html - >> they wrap fine in FF & Safari but not in IE 6 or >> 7. >> All suggestions welcomed! >> >> TIA, >> Elli >> >> >> > __ > >> 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/ >> >> > > > > > > > > Be a better friend, newshound, and > know-it-all with Yahoo! Mobile. Try it now. > http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ > __ > 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/ > __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
I hope your boss appreciates what you do, beyond the call of duty. Most of them don't. :-( The link (below) covers it and seems a nice way of solving your problem, especially as you have most of the HTML already in place. Just change the tags and style them - neat. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Elli Vizcaino To: Alan K Baker ; CSS Discuss Sent: Friday, April 25, 2008 4:41 AM Subject: Re: [css-d] Need Text To Wrap Underneath Images I did a Googling and found this: http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp from one of our very own on the list. I had started out with a UL of images and links and it wasn't working especially to achieve the alignment the designers were looking for, so my boss instructed me to revert to tables for that section and which I wasn't crazy about since those images and links aren't tabular data but, based on what I just glanced at, looks like I'll be able to achieve what I'm looking to do, with a DL. Will have to give it a try! - Elli __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
I must admit that I wasn't too keen on your use of tables, but your boss had so decreed! :-) I guess is the quick fix to get the job out of the door. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Elli Vizcaino To: Alan K Baker Sent: Friday, April 25, 2008 4:09 AM Subject: Re: [css-d] Need Text To Wrap Underneath Images Thanks Alan, Of course, I did think of using s but wasn't sure what the rules were about s, since I'm trying to keep the HTML lean and as you yourself have already guessed that yes I was hoping for a CSS anwser. If I don't get one might have to resort to the tags indeed. Elli __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
I did a Googling and found this: http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp from one of our very own on the list. I had started out with a UL of images and links and it wasn't working especially to achieve the alignment the designers were looking for, so my boss instructed me to revert to tables for that section and which I wasn't crazy about since those images and links aren't tabular data but, based on what I just glanced at, looks like I'll be able to achieve what I'm looking to do, with a DL. Will have to give it a try! - Elli --- Alan K Baker <[EMAIL PROTECTED]> wrote: > I hope no-one will mind an off-topic reply, as I > think you are genuinely looking for an answer in > CSS, but the answer's really in HTML. I think the > simplest answer to your question is to use a " />" after each image and before each like > this example (first line of your code: > > src="images/starledger_icon.gif" alt="Star Ledger > Logo" />The > Star LedgerFREE ADS* > > Regards, > > Alan. > > www.theatreorgans.co.uk > www.virtualtheatreorgans.com > Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P > groups > Shopsmith 520 + bits > Flatulus Antiquitus > > > ----- Original Message - > From: Elli Vizcaino > To: CSS Discuss > Sent: Friday, April 25, 2008 2:07 AM > Subject: [css-d] Need Text To Wrap Underneath > Images > > > Hello, > > How do I get the text to wrap underneath the > images in > this table: > http://e7flux.com/placead/placead2.html - > they wrap fine in FF & Safari but not in IE 6 or > 7. > All suggestions welcomed! > > TIA, > Elli > > __ > 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/ > Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ 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/
Re: [css-d] Need Text To Wrap Underneath Images
I hope no-one will mind an off-topic reply, as I think you are genuinely looking for an answer in CSS, but the answer's really in HTML. I think the simplest answer to your question is to use a "" after each image and before each like this example (first line of your code: The Star LedgerFREE ADS* Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Elli Vizcaino To: CSS Discuss Sent: Friday, April 25, 2008 2:07 AM Subject: [css-d] Need Text To Wrap Underneath Images Hello, How do I get the text to wrap underneath the images in this table: http://e7flux.com/placead/placead2.html - they wrap fine in FF & Safari but not in IE 6 or 7. All suggestions welcomed! TIA, Elli __ 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/
[css-d] Need Text To Wrap Underneath Images
Hello, How do I get the text to wrap underneath the images in this table: http://e7flux.com/placead/placead2.html - they wrap fine in FF & Safari but not in IE 6 or 7. All suggestions welcomed! TIA, Elli Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ 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/