Forum Moderators: not2easy
a.menu:link {
background: #33f;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;
}
a.menu:visited {
background: #33f;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;
}
a.menu:hover {
background: #005;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;
}
a.menu:active {
background: #33f;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;
}
HTML
<div class="menu1c"><a href="index.html" class="menu" tabindex="1">Home</a></div>
You can clean out a lot from the CSS though. There's a lot of duplication.
a.menu {
background: #33f;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;
}
a.menu:visited {
/*background: #33f;
color: #fff;*/
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;*/
}
a.menu:hover {
background: #005;
/*color: #fff;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;*/
}
a.menu:active {
/*background: #33f;
color: #fff;
cursor: pointer;
display: block;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: none;
width: 85px;*/
}
I thought the code looked alright and I did check the class names to make sure everything was as it should be. I'm not worried about excess fat until I get the code clearly working. Then once everything is all set then I'll optimize the code a bit. Until then I'm still stuck with this problem. :-\
For some reason my hyperlinks aren't 100% wide or in block format.
Not sure what you mean by not 100% wide - you specify 85px and that is what I see.
The code displays as block (as opposed to inline) in all win browsers I tested. Have you confirmed uploaded code?