Jump to content

[SOLVED] Help with site Nav....


dipp02

Recommended Posts

Malevolence - if you get a chance. i had to delete my a: a:hover  etc because it was applying that to my nav.

 

I got it all fixed up now.

 

But i would like to do a hover over on the footer. basically i was reading on multiple hover links but what i was doing wasnt working.

 

i was making the class="footer". like this:

 

<div align="center"><a href="terms.php"><span class="footer">Terms Of Service</span></a></div>

 

and in styles.css i put

a.footer:hover {
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
color: #ECC653;
font-size: 11px;
font-weight:bold;
text-decoration: none;
}
.footer{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
   color:#FFFFFF;
}

 

it doesnt hover over, it only changes it to white. text.

 

here is what i got so far with the working css nav.

 

www.dbhosts.net/test/

Link to comment
Share on other sites

Yep. Your problem there is that you put the hyperlink OUTSIDE the <span></span> tags so it doesn't recognize them. You also did the CSS titles the wrong way round and forgot to put an a next to the non-hover state.

 

Here is the footer code:

<div align="center"><span class="footer"><a href="terms.php">Terms Of Service</a></span></div>

 

And here's the styles.css:

.footer a:hover {
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
color: #ECC653;
font-size: 11px;
font-weight:bold;
text-decoration: none;
}
.footer a{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
   color:#FFFFFF;
}

 

If you need any other help with your site I'm usually available. I'm fairly skilled in HTML & CSS and I know my fair share of PHP and JS.

 

All the best luck to your site,

Dan.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.