Wrong color / Right color
Regular
Location: blackapplehost.com
Posted: Thu, 2008-08-28 19:07
Hello,
Here is my page: http://insight.myhosting247.com/test1.html
I want the links on the left side to turn red when hovered over. Only the Contact link turns red. The code format is the same for all of them.
Here is the code:
<h3> <a title="Home" accesskey="1" href="http://insight.myhosting247.com/index.html">Home</a> </h3> <h3> <a title="Messages" accesskey="1" href="http://insight.myhosting247.com/messages/mssgs.html">Messages</a> </h3> <h3> <a title="Help" accesskey="1" href=" http://insight.myhosting247.com/help/help.html ">Help</a> </h3> <h3> <a title="About" accesskey="1" href=" http://insight.myhosting247.com/about/aboutus.html">About</a> </h3> <h3> <a title="Support" accesskey="1" href=" http://insight.myhosting247.com/support/supportus.html">Support</a> </h3> <h3> <a title="Contact" accesskey="1" href=" http://insight.myhosting247.com/contact/contactus.html ">Contact</a> </h3> <h3> <a title="Help" accesskey="1" href="http://insight.myhosting247.com/news/news.html">Help</a> </h3> <h3> <a title="Forum" accesskey="1" href="http://insight.myhosting247.com/forum/forum.html">Forum</a> </h3> <hr />
Here is the style sheet portion:
h1,h2,h3,h4,h5,h6
{
text-transform: uppercase;
letter-spacing: 0.2em;
}
h3 a:hover
{
color: red; text-decoration: none
}
h3 a:visit
{
color: 3F2109; text-decoration: none
}
h3 a:link
{
color: 3F2109; text-decoration: none
}
h3 a:active
{
color: 3F2109; text-decoration: none
}
Under Construction, but feel free to browse:
http://insight.myhosting247.com/index.html
Moderator
Posts: 12578
Joined: 2004-06-06
Location: London
insight I've a feeling my
Posted: Thu, 2008-08-28 21:29
insight I've a feeling my comments on one of your previous posts might not have been taken on board.
It's not really correct at this stage to answer the question as it stands (although you would achieve this by ensuring the section/division/element in question had a id or class by which it's child elements could be referenced)
Before going further - and I realise that you just want to get a site up as quickly as possible, but you must understand that we do tend to expect that people do things in a correct manner, as this is what most of do for a living - you must markup the section in a correct and semantic manner, in this case that means using a ul list construct and to which you would add an ID or class named as 'menu' or 'nav' then all the links in that section would be styled based on descendent selectors.
As I mentioned before you really will need to do a little study and for a list navigation the best place to have a look is 'listamatic' which has many examples of list menus you can study and use. Using heading tags for a list of links is not the right use of a heading tag.
Have a go at a ul list and post up your attempts and we'll help you with any problem points.
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me
Regular
Posts: 13
Joined: 2008-08-26
Location: blackapplehost.com
Thanks, and what did you mean?
Posted: Fri, 2008-08-29 05:12
Thanks, I'll do that.
What did you mean, "insight I've a feeling my comments on one of your previous posts might not have been taken on board."?
Under Construction, but feel free to browse:
http://insight.myhosting247.com/index.html