Click to See Complete Forum and Search --> : <A>tag


lohumihem
03-16-2007, 02:37 AM
hello . i ve some problem regarding <a> tag. Let me discribe , i ve horizonal menu on the top of site and verticles on left. i ve set <a>tag for horizonal . but nw having problem with verticles, regarding margins and paddings.
posting css for <a> tag .



a
{
font-size:12px;
float:left;
text-decoration:none;
color:white;
background-color:#6CB52B;
padding:0.4em 0.6em;
border-right:1px solid white;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

and hover is

a:hover {
background-color:#ABCC5E;
font-size:12px;
color:#000000;
font-weight:bold;
padding:0.4em 0.6em;}



now if i use verticle menu then facing problem coz <a> tag ll wrk here. so is there any option so that i can change <a> tag to verticle menu.
like
#a.verticle {..........
}
can i do , if yes then hw?
thanx

Centauri
03-16-2007, 05:36 AM
Use a class or id on the navigation base element (<ul> for instance if using lists for menu items) or container. For example <ul id="h_nav>
.....
horizontal menu code
.....
</ul>

.
.
.
<ul id="v_nav">
....
vertical menu code
....
</ul>
which means the <a> tags can be referenced by #h_nav a { }

and

#v_nav a { }

Cheers
Graeme

sae
03-19-2007, 01:24 PM
you can also assign different styles to links

http://www.html-faq.com/css/?twostyles