I am having a problem with my first site.
<!-- w --><a class="postlink" href="http://www.ordiyotek.com">www.ordiyotek.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.ordiyotek.com">http://www.ordiyotek.com</a><!-- m -->)
The color changing tabs along the top were created using the css hover function, but only work until one of them is clicked on and, as i only have the index up, you get a 404.
For some reason, when you go back from the 404 page, the buttons have stopped working.
Here's the code and a picture. Please visit my site to see what i mean.
If anyone can help i am extremely grateful.
Thanks a lot, pete.
<!-- m --><a class="postlink" href="http://myweb.tiscali.co.uk/kippertoffee/example.jpg">http://myweb.tiscali.co.uk/kippertoffee/example.jpg</a><!-- m -->
td.toptab {background: #ffbb00; height: 10px;}
td.toptab a {
display: block;
padding-right: 0.4em;
padding-left: 0.5em;
padding-top: 0.2em;
padding-bottom: 0.2em;
text-decoration: none;
width: 119
}
td.toptab a:link {
background-color:#d5d2c0 ;
FONT-FAMILY: Arial;
COLOR: #625847; TEXT-DECORATION: none; Font-Size:14px; font-weight:bold;
border-right: solid #625847 1px;
border-top: solid #625847 2px;
border-bottom: solid #625847 1px;
}
td.toptab a:hover {
background-color:#77a8ee ;
FONT-FAMILY: Arial;
COLOR: #f6f4e7; TEXT-DECORATION: none; Font-Size:14px; font-weight:bold;
border-right: solid #625847 1px;
border-top: solid #625847 2px;
border-bottom: solid #625847 1px;I'm using Firefox and the links at the top worked the first time. However, the "Spam" one didn't (I don't know if that one is supposed to have a hover effect, though). Also, I don't know what happened the second time (when I came back). It seems as though it's not loading the stylesheet.I suspect the frameset is interfering.Silly me, it's because i didn't define the visited link status.
Thanks for the suggestions.
Pete.Originally posted by kippertoffee
Silly me, it's because i didn't define the visited link status.
Thanks for the suggestions.
Pete.
And be sure to put the VISITED state before the HOVER state so that it works properly in IE. I racked my brain on this one once before
. It worked fine in FF, but gave me the same problems you initialy described in IE.
<!-- w --><a class="postlink" href="http://www.ordiyotek.com">www.ordiyotek.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.ordiyotek.com">http://www.ordiyotek.com</a><!-- m -->)
The color changing tabs along the top were created using the css hover function, but only work until one of them is clicked on and, as i only have the index up, you get a 404.
For some reason, when you go back from the 404 page, the buttons have stopped working.
Here's the code and a picture. Please visit my site to see what i mean.
If anyone can help i am extremely grateful.
Thanks a lot, pete.
<!-- m --><a class="postlink" href="http://myweb.tiscali.co.uk/kippertoffee/example.jpg">http://myweb.tiscali.co.uk/kippertoffee/example.jpg</a><!-- m -->
td.toptab {background: #ffbb00; height: 10px;}
td.toptab a {
display: block;
padding-right: 0.4em;
padding-left: 0.5em;
padding-top: 0.2em;
padding-bottom: 0.2em;
text-decoration: none;
width: 119
}
td.toptab a:link {
background-color:#d5d2c0 ;
FONT-FAMILY: Arial;
COLOR: #625847; TEXT-DECORATION: none; Font-Size:14px; font-weight:bold;
border-right: solid #625847 1px;
border-top: solid #625847 2px;
border-bottom: solid #625847 1px;
}
td.toptab a:hover {
background-color:#77a8ee ;
FONT-FAMILY: Arial;
COLOR: #f6f4e7; TEXT-DECORATION: none; Font-Size:14px; font-weight:bold;
border-right: solid #625847 1px;
border-top: solid #625847 2px;
border-bottom: solid #625847 1px;I'm using Firefox and the links at the top worked the first time. However, the "Spam" one didn't (I don't know if that one is supposed to have a hover effect, though). Also, I don't know what happened the second time (when I came back). It seems as though it's not loading the stylesheet.I suspect the frameset is interfering.Silly me, it's because i didn't define the visited link status.
Thanks for the suggestions.
Pete.Originally posted by kippertoffee
Silly me, it's because i didn't define the visited link status.
Thanks for the suggestions.
Pete.
And be sure to put the VISITED state before the HOVER state so that it works properly in IE. I racked my brain on this one once before
. It worked fine in FF, but gave me the same problems you initialy described in IE.