HTML: how to make 2 tables with different CSS [closed]


Tags: html,css,table

Problem :

I want to put two tables (on the same page) which should render differently (i.e. use different CSS for each table). Is it possible?



Solution :

In your html

<table class="table1">
<tr>
<td>
...
</table>

<table class="table2">

<tr>
<td>
...
</table>

In your css:

table.table1 {...}
table.table1 tr {...}
table.table1 td {...}

table.table2 {...}
table.table2 tr {...}
table.table2 td {...}

    CSS Howto..

    how to Load a css file for html page android web view

    How to dynamically generate droppable/draggable/sortable div elements within a div?

    How to partly color the border with css [closed]

    How can I split a text in 2 color vertically?

    How to use both jQuery styles and css style sheet?

    CSS: How to center text vertically and horizontally over an image

    How to create an ActionImage from a CSS Sprite

    Joomla 3 How to Style PHP Date Format

    how to remove extra css and js link in twitter-bootstrap-rails

    Awkward gap between menu items. How to fix?

    How do I fix Zurb Foundation dropdown issue on mobile devices?

    How to center right-aligned numbers in table column using CSS?

    jqueryUI custom button not showing up

    Always show hover text in an appropriate position

    Responsive CSS layout - how to stretch the background overlay

    How to restrict Visual Studio 2012.2 from generating .css files in LESS editor?

    How can I align a group text with seperate Widgets

    IOs Cordova long-press shows text-select magnifying glass even with text-selection disabled, how to remove?

    How do I make my links appear as images, and have them change with hover and so on?

    How to write shorter css code select child?

    How to change or remove quote symbol in css

    CSS - How do I get my list element to fill 100% of the block

    How to make text go over a CSS background img

    How to Style Template field in Grid View (aspx page and CSS attached)

    Is it possible to compress LESS CSS files with htaccess? (and how to?)

    Tizen - how to change button font-size - fixed

    How to place the text after thumbnails at the bottom?

    how to do css styling

    How to customize ionic style components (lists and tabs with different shapes)

    How to show text on hover only in CSS