CSS layout issue
wedgin (267 pencils) | Wed, 2005-10-26 01:30I'm hoping someone will be able to help me out with a CSS issue I've run into.
http://artsandtreasures.ca/home/artists.html
and
http://artsandtreasures.ca/home/stylesheet.css
On this page I've had issues with getting the CSS to work right. I have 2 columns of names and then below I want a horizontal rule, then all the artist descriptions. The problem I've run into is that for some reason I can't get the horizontal rule to display below my 2 columns, it keeps on occupying space to the right of the columns. I've tried putting numerous manual breaks to get it to drop down to where it should, but this isn't an ideal solution Is there a way to force the horizontal rule below the columns? Any help would be appreciated.
SlideawayMedia - web design for Cambridge, Kitchener, Waterloo, Guelph and surrounding areas.
http://www.modsuperstar.ca - now with 23% more iron
Commenting on this Forum topic is closed.
put this html right after the names:
{div class="line"}{/div}
and this into css:
.line { clear: both; width: 400px; border-bottom: 1px solid black }
Change the width according to your needs.
Thanks Ivan, that sorted it out. I knew there had to be a way of doing it, I just didn't know how.
SlideawayMedia - web design for Cambridge, Kitchener, Waterloo, Guelph and surrounding areas.
http://www.modsuperstar.ca - now with 23% more iron
NP. Glad to help.