[css-d] Layout question 2 column content with image

[Sander van Surksum]

Hi all,

A time ago I've seen a toturial of how te make this in CSS but I've lost
the page I hope someone can tell how to do this...

I whanna make this
http://www.johnsten.com/test/images/voorbeeld.jpg

Regards.

Sander
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Layout question 2 column content with image

[Mark Howells]

> A time ago I've seen a toturial of how te make this in CSS but I've  
> lost
> the page I hope someone can tell how to do this...
>
> I whanna make this
> http://www.johnsten.com/test/images/voorbeeld.jpg

I'd use a  with a fixed width (enough for both columns) and then  
float each  left.

Regards
Mark Howells
www.permanenttourist.ch
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Layout question 2 column content with image

[Mark Howells]

> But how do you arange that you only have 2 li's per colomn ?

The layout would be like this:

12
34
56
78
... and so on: make the LIs (for example) 150px wide, and the  
containing UL 300px wide. Then they're forced to wrap. Make sure to  
set margin and padding appropriately for all elements!

Regards
Mark Howells
www.permanenttourist.ch
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/