Sent by David Laakso on 13 February 2008 14:02
Nicole Aebi wrote:
> Hello
> I'm trying to create a CSS layout with a central body that has 4 stories in it. Each story will
have a photo on the left with text relating to it on the right.
>
> At the moment, I can create one story but the moment I try to add a second or third it doesn't
work.
>
> The site is: http://www.bond.org.uk/Newsite/
> With the CSS at: http://www.bond.org.uk/Newsite/lgso4.css
>
> I've tried several things like clearing the photo div or having four different divs - numbered 1
to 4, but neither worked and having different divs seemed not very elegant - much like this
sentance!
>
> Can anyone point me in the right direction?
>
> Thanks
> Nicole
>
>
>
Create a class (named whatever you like) and repeat as many times as needed beneath the #news
division.
css:
..more-news {float:left;clear:left;}
html
<div id="news">
<p>...</p>
</div>
<div class="more-news">
<p>...</p>
</div>
<div class="more-news">
<p>...</p>
</div>
<div class="more-news">
<p>...</p>
</div>
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
