multiple table cellpadding with CSS

Let's say you have nested tables on one page, or more simply explained you have one large table with several small tables inside the large one.

You have text and/or a pic in one of the tables and you've used the info from our previous post to accomplish your requirements. Now, you have a need for the text and/or pic in another table to float differently. What can you do?

It's really quite simple. In your CSS write another script like the following:

.table_cellpadding_two {
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 30px;
}

Notice it's named _two to differentiate it from the other script. You could name it most anything you want, but this is just for an example.

You'll also notice we've chosen different padding from the first script and again you can tweak it to suit your requirements.

goto & tag advertising, apple, computers, copyright, copywrong, css, design, design notes, design tips, dell, economy, fun stuff, games, good sense, goto & play, graphic design, html, infotainment, javascript, microsoft, mac, must i rant, nifty stuff, observations, pc, pearweed, pearweed simple notes, pearweed web design, simple scripts, simple notes, simple squares, tech, technology, web design, web design tips, windows