billy_the_kid
New Member
hey everyone, i'm writing my CSS for a website and i forget how to do something and for the life of me can't remember. i want to set up the links within a certain class to have no border, but the links in the rest of the page to have a border. whenever i put the code highlighted with **** below in, it takes borders out of all my links. what is the correct syntax to reference only the links (a href) within a certain class?? thanks!
/*........................................
style sheet for pages other than misc
..........................................*/
body {
display: block;
background-color: #FFFFFC;
border: grey;
cursor: crosshair;
}
a:link, a:visited, a:hover, a:active {
font-family: Miriam , Helvetica;
font-size: 14px;
color: grey;
font-style: normal;
text-decoration: none;
border-style: solid;
border-color: grey;
border-width: 2px;
margin: 5px;
}
.tabsDown , ul#tabsDown, li /* .tabsDown div, unordered list within */
{
top: 5px;
left: 20px;
list-style-type:none; /*no bullets */
margin:0;
padding-top:5px;
padding-bottom: 5px;
}
h1 {
text-align: center;
font-family: Miriam, Helvetica;
font-size: 18px;
}
.picLinks a , a:visted , a:hover , a:link {
****border-style: none;****
}
/*........................................
style sheet for pages other than misc
..........................................*/
body {
display: block;
background-color: #FFFFFC;
border: grey;
cursor: crosshair;
}
a:link, a:visited, a:hover, a:active {
font-family: Miriam , Helvetica;
font-size: 14px;
color: grey;
font-style: normal;
text-decoration: none;
border-style: solid;
border-color: grey;
border-width: 2px;
margin: 5px;
}
.tabsDown , ul#tabsDown, li /* .tabsDown div, unordered list within */
{
top: 5px;
left: 20px;
list-style-type:none; /*no bullets */
margin:0;
padding-top:5px;
padding-bottom: 5px;
}
h1 {
text-align: center;
font-family: Miriam, Helvetica;
font-size: 18px;
}
.picLinks a , a:visted , a:hover , a:link {
****border-style: none;****
}