Jeevan25 Posted November 15, 2007 Share Posted November 15, 2007 <style type="text/css"><!--body,td,th { color: #CCCCCC;}body { background-color: #363636;}a:link { color: #CCCCCC; font-weight: bold; text-decoration: none;}a:visited { text-decoration: none; color: #CCCCCC;}a:hover { text-decoration: none; color: #FFFFFF;}a:active { text-decoration: none; color: #CCCCCC;}td { background-color: #000000; color: #D4D4D4; font-weight: normal; border: thin solid #FFFFFF;}that's my style sheet. i want to apply one kind of styling for the table td at the top of site and different style for the bottom ones. how do this? Link to comment Share on other sites More sharing options...
Reg Edit Posted November 15, 2007 Share Posted November 15, 2007 [...] i want to apply one kind of styling for the table td at the top of site and different style for the bottom ones. how do this?You can use either the class selector or the id selector. There's info and examples here in the tutorial. Link to comment Share on other sites More sharing options...
shadowayex Posted November 21, 2007 Share Posted November 21, 2007 You'll want to use classes. You do that by putting a . after the td and typing whatever you want the class to be named. Like: td.bottomtd.toptd.blahdyblah And from there you just type the css like normal. Now when you get to the place where you want the CSS class to work, you type the tag like this: <td class="bottom"><td class="top"><td class="blahdyblah"> Or whatever your class is called. Understand? Or did I confuse you. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.