Converting Tables to CSS Div

[tolis]

Hello

I have some pages using tables with 2 columns and several rows. On the left part of the row there is a photo and on the right part a text.
How can I convert the table to CSS, that maybe be better for search engine crawling or if there is no difference I will leave it as it is?

Regards
Tolis

[muneepenee]

let it be

[Rob]

Do you have a URL we can look at so we can see what you mean?

[tolis]

The URL is

http://www.easytraveller.gr/athens_hotels.html

[herkalees]

Here is a snippet of each row:

<p class="nicerow">
<img src="yourimage.jpg" />
Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.
</p>

CSS:
.nicerow img {float:left; margin: 0 15px 15px 0;}


Should be it.

[Pheonix]

should have a <br style="clear:left;" /> after the "text text text." some browsers act funny without it.
personaly I would have done

HTML: Select all

<div class="nicerow">
<img src="yourimage.jpg" />
<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.</p>
<br style="clear: left;" />
</div>

haveing the image being floated by the same method as above, and margin padding being applyed to the div class.
Mine probaly is a little more bloated but *shrugs*

[tolis]

Dear Phoenix

It looks very simple. Just please tell me how I can make the text to go to the wright side of the image and not to the following line?

Regards to all
Tolis

[tolis]

I think I found the solution

<div class="nicerow">
<img src="image.jpg" width="164" height="123" align="left" />
<p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.</p>
<br style="clear: left;" />
</div>
<br>

BUT is there a way to convert existing table without having to do it again?

[Pheonix]

Actualy the way to make it go left would have been the same as the post that was above mine. as I mentioned but I guess I wasn't very clear on.

As for your second question, no not realy.