CSS and eliminating Tables

[Chance1234]

Im wanting to add a book review section to my website, that i can update with ease.

now, a while back i did this page here

http://www.spooky.chance1234.com/Techniques.htm

and was thinking about doing something similiar for my book reviews, ie a table and just adding in a cell for each new book review,

but alas, in the world of css i see this is not the done thing to do.

I;ve been scouring through dynamic drive and other css libraries but cant see anything that matches the layout above. Is it ok to use tables and CSS in the above , or is there a far superior way of doing it /. ?

Chance,

Filmmaker, gentleman and polla stilo eleous

 

[traingamer]

That's certainly one way to do it. I wouldn't use tables.

One alternative:
Look at the definition list <dl> tag instead. You could just drop one in for each new review. Style it just once.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[ChrisHunt]

One possible CSS way would be to code each review like this:

<div class="book">
<img class="cover" src="somepic.gif">
<div class="text">
<h2>Blah blah blah</h2>
<p>Yadda yadda yadda</p>
... etc ...
</div></div>

Then you put the following CSS in your stylesheet:

.book {
   clear: left;
   overflow:auto;
}

.book .cover {
   float: left;
}

.book .text {
   margin-left: 300px;
}

Frankly, though, if you're happy with the table method, stick with it.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[traingamer]

After a closer look at the content on your current page, I like Chris' answer better than mine.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[Chance1234]

thanks will certantly give the div thing a try

Chance,

Filmmaker, gentleman and polla stilo eleous