HighDots Forums  

Re: List with images

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Re: List with images in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Gus Richter
 
Posts: n/a

Default Re: List with images - 08-27-2007 , 06:20 PM






André Hänsel wrote:
Quote:
On Aug 27, 2:33 am, André Hänsel <an... (AT) webkr (DOT) de> wrote:

Sounds simple: A list of images with a description to their right.
Illustration:http://kundenweb.creations.de/usenet...listimages.jpg

I read the spec again and found a solution:
Because the floating image is out of the flow and hence does not
affected the margin of a subsequent block box I can write:

div class="item"
img ...
div class="text"
...
/div
/div

div.item { clear: both; }
div.item img { float: left; }
div.item div.text { margin-left: <max-width-of-images>px; }
Reread what dorayme said. He is right (doraymee is f ) and saying the
same as per your solution.
See the thread 2-3 days ago "Starting Over - ........"
Wherein I gave an example of the simple way to accomplish this without
the need of all those DIVs:

img {float:left;clear:left;}
p {margin-left:<max-width-of-images>px;}

<img><p>blah blah</p>

--
Gus


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.