View Full Version : link (nav a {) problem

03-12-2005, 03:43 PM
I'm re coding the design I did for my school's Students-Voice project. All seems fine, with the design going fine - however the links seem dodgy and unusable now for some reason. The markup and CSS is all valid and free of errors etc.

The problem is with the links along the left and right - some are clickable in certain places, some are fully useable and some don't appear as links at all - what I mean is, the cursor doesn't change etc.

http://www.students-voice.co.uk/cssttc/ is the url in question. The problem is to do with the css. When .nav and .nav a { are applied as different classes in CSS, most (but not all) of the links are static and don't change. When I remove .nav but leave .nav a remaining, the links work, but as three tier rows.

Any ideas appreciated,
Thanks, Jamie.

03-12-2005, 04:03 PM
Changing the value for padding in .nav seems to take care of it. :)

.nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #333333;
padding:0 1em;
margin: 0px 0px 0px 0px;

03-12-2005, 04:08 PM
cheers mate, that works fine;)

I had a little experiment with the padding earlier, but I must have missed that.:o

One thing I still can't get my head around is why it would do that :confused:

Anyhoo, cheers