Forum Moderators: not2easy
In an attempt to avoid having tables for a menu on the left of a page I wish to use the "diplay: Block;" and assign it to the "a's" so that all the <a href>'s can just be inserted and the CSS will scroll them down the page. I have managed to figure out how to do this but it assigns this attribute to the whole page and not just the 1 <TD> I am dealing with. Can I assign more than one type.
This is the successful code:
a {
font-family: "Times New Roman", Times, serif;
font-size: medium;
display: block;
color: #0099CC;
}
Cheers in advance.
Figured it out.
Assign an id="name" to the element and then call the class you are after class="menu"
a {
font-family: "Times New Roman", Times, serif;
font-size: medium;
display: block;
color: #0099CC;
}
#menu a {
font-family: "Times New Roman", Times, serif;
font-size: medium;
display: block;
color: #000000;
}
Give this thread a once over too if you haven't already:
[webmasterworld.com...]
Great methods for organizing your classes/ids and style sheets.
then you can assign classes to the a's like this:
a.mainCat:hover {
backrgound-color: blue;
}
a.subCat {
background-color: green;
}
Nick
