Need help with another converting proccess from tables to modern html+css

hey all,

just as title says, i would like some advice on the best solution of making my new adoption pages looks like this, just in modern CSS+HTML

http://sospets.brinkster.net/dogs.asp

note 1 : i just wrote the <td> one time, then the do while loop repeated it according to the amount of dogs in the database
note 2 : month dogs gets their description in a different color (see the first image on that table)

thanks for the help :slight_smile:

Hi,

Basically this is tabular data and you should not even try to converse that to CSS. Like the name suggest tabular data should be in a table. Although it’s highly recommended to convert a layout from tables to divs. This is not going up for tabular data.

ok :slight_smile: so ill transfer the tables on the new site and add the styling to the CSS file, thanks :slight_smile:

ill post here again later so u can reveiw what i did and tell me if its the right way of doing that

hey guys,
how do i center images that are inside a li or td tags? i tried margin: 0 auto; and it didnt work out.

i want to center the images on each td here…
http://sospets.brinkster.net/newsite/dogs.asp

Try to set text align on the li and td:


td,
li {
	width: 200px;
	height: 200px;
	text-align: center;
}

Can you give a picture of what you want? I see the images as being centered.

Can you give a picture of what you want? I see the images as being centered.

Yeah i just changed it using donboe’s solution :slight_smile:

thanks donboe