Re: Different Style Sheets in different tables

#1

guys what happen, you can't explain me little more. I need urgent help.

#2

ashras wrote:

Quote:

guys what happen, you can't explain me little more. I need urgent help.

Try this to get a feel for how it's done:

1. Create a new page in Dreamweaver.
2. Click Text->CSS Styles->New
3. In the dialog, choose the "Class (can apply to any tag)" radio button
4. In the Name block type ".table1" without the quote marks.
5. Choose Define in This document only.
6. In the next dialog, choose the Background category
6. Select a background color of Red
7. Click OK.

Now, repeat steps 2-7, except this time, name it ".table2" and choose a
blue background color.

In your document, click Insert->Table. For purposes of this example, it
makes no difference what properties you choose in the Insert Table
dialog. Next, insert another table. Again, it makes no difference what
properties you choose in the dialog.

Click anywhere inside the first table.
Look at the status bar of the document window. At the left side of it is
the Quick Tag Selector. It should be displaying this:

<body> <table> <tr> <td>

Right-click on the <table> tag and in the context menu, click Set Class
and choose table1 from the sub-menu.

Click anywhere inside the second table. Right click on the <table> tag
in the Quick Tag Selector, and choose table2 from the Set Class
sub-menu. You're DONE!

Gary

#3

Thanks for this winderful explanation but when i add the hover in table 2 then
again everything messes. Please see the attached document with CSS, so you can
see what i have done wrong. http://www.mbcindia.com/tables.zip

#4

ashras wrote:

Quote:

Thanks for this winderful explanation but when i add the hover in table 2 then
again everything messes. Please see the attached document with CSS, so you can
see what i have done wrong. http://www.mbcindia.com/tables.zip

Put it all in ONE .css file like this:

..table1 a:link {
color: #000000;
text-decoration: none;
}
..table1 a:visited {
color: #000000;
text-decoration: none;
}
..table1 a:hover {
color: #3366FF;
text-decoration: underline;
}
..table1 a:active {
color: #000000;
text-decoration: none;
}
..table2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
}
..table2 a:link {
color: #000000;
text-decoration: none;
}
..table2 a:visited {
color: #FFFFFF;
text-decoration: none;
}
..table2 a:hover {
color: #FF0000;
text-decoration: underline;
}

Gary