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 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/