hjælp til hover på links
Jeg vælger at oprette spørgsmålet her selvom det lige så godt kunne være blevet oprettet under css, men here we go.Jeg er ved at opdatere den lokale Intersport-butiks hjemmeside, og den skal selvfølgelig ligne intersport.dk så meget som muligt. Jeg har derfor fået fat i deres designmanual, og har indtil videre faktisk bare brugt copy/paste.
Nu skal jeg så til at tilpasse siden til selve butikken, og tilføjer derfor nogle ekstra punkter i menuen. Det skal her siges at det ikke er nogle javascript-menu e.l. Det er simple hyperlinks. Men de nye punkter jeg sætte ind får ikke en hover på sig, når man bevæger musen hen over dem, det er kun de gamle som gør, og jeg kan bare ikke se fejl, tror jeg har stirret mig træt på koden.
Men den ser ellers sådanne ud i et lille udsnit.
<!-- den gamle fungere godt nok -->
<tr>
<td align="left" valign="top"><!-- menu 1 s -->
<table cellpadding="0" cellspacing="0" border="0" width="160">
<tr>
<td valign="top" width="48"><A HREF="sw279.asp" target="_top"><SPAN class="navniv1"><IMG SRC="images/fletxa-roja-bigwhiteblue.gif" WIDTH="48" HEIGHT="20" BORDER="0" ALT="" /></SPAN></A></td>
<td valign="top" width="112"><A HREF="sw279.asp" target="_top"><SPAN class="navniv1">Nyheder</SPAN></A></td>
</tr>
</table><!-- menu 1 e -->
</td>
</tr>
<!-- den nye som ikke fanger mouseover eller hover -->
<tr>
<td align="left" valign="top"><!-- menu 1 s -->
<table cellpadding="0" cellspacing="0" border="0" width="160">
<tr>
<td valign="top" width="48"><A HREF="sw178.asp" target="_top"><SPAN class="navniv1"><IMG SRC="images/fletxa-roja-bigwhiteblue.gif" WIDTH="48" HEIGHT="20" BORDER="0" ALT="" /></SPAN></A></td>
<td valign="top" width="112"><A HREF="sw178.asp" target="_top"><SPAN class="navniv1">Produkter</SPAN></A></td>
</tr>
</table><!-- menu 1 e -->
</td>
</tr>
Stylesheetet er sådanne:
/* --- Style sheet for style Intersport main --- */
/* --- Custom css starts here --- */
a:link.nivel1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; text-decoration: none; color: #FFFFFF}
a:visited.nivel1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; text-decoration: none; color: #FFFFFF}
a:hover.nivel1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; text-decoration: none; color: #FFFFFF}
a:active.nivel1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; text-decoration: none; color: #FFFFFF}
td {font-size:11; font-family: Arial, Helvetica, sans-serif}
/* --- Custom css ends here --- */
/* --- Page style Intersport main starts here --- */
/* Heading */
BIG {
color: #000000;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 25px
}
/* Heading */
.BIG {
color: #000000;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 25px
}
/* Subheading */
STRONG {
color: #000000;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
line-height: 14px
}
/* Subheading */
.STRONG {
color: #000000;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
line-height: 14px
}
/* Caption */
SMALL {
color: #000000;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-style: italic;
font-size: 10px;
line-height: 12px
}
/* Caption */
.SMALL {
color: #000000;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-style: italic;
font-size: 10px;
line-height: 12px
}
/* Text */
.norm {
color: #000000;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-size: 10px;
line-height: 14px
}
/* Paragraph Link */
A {
color: #0033FF;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-size: 10px;
line-height: 12px
}
A {
text-decoration: underline
}
A:visited {
color: #000000;
text-decoration: underline
}
A:hover {
color: #000000;
text-decoration: underline
}
A:active {
color: #000000;
text-decoration: underline
}
/* --- Page style ends here --- */
/* --- Navigation style starts here --- */
/* Navigation Level 1 */
.navniv1 {
color: #999999;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-size: 10px;
line-height: 15px
}
A .navniv1 {
text-decoration: none
}
A:visited .navniv1 {
color: #999999;
text-decoration: none
}
A:hover .navniv1 {
color: #ffffff;
text-decoration: none
}
.navniv1 .sel{
color: #ffffff;
text-decoration: none
}
A:active .navniv1 {
color: #ffffff;
text-decoration: none
}
/* Navigation Level 2 */
.navniv2 {
color: #999999;
font-family: Verdana, geneva, arial, charcoal, helvetica, sans-serif;
font-size: 10px;
line-height: 15px
}
A .navniv2 {
text-decoration: none
}
A:visited .navniv2 {
color: #999999;
text-decoration: none
}
A:hover .navniv2 {
color: #ffffff;
text-decoration: none
}
.navniv2 .sel{
color: #ffffff;
text-decoration: none
}
A:active .navniv2 {
color: #ffffff;
text-decoration: none
}
/* --- Navigation style ends here --- */
/* --- Shorthand for colours starts here --- */
.red {
color: #ff0000
}
.orange {
color: #ff9900
}
.yellow {
color: #ffff00
}
.green {
color: #009900
}
.turquoise {
color: #33cccc
}
.blue {
color: #0000ff
}
.purple {
color: #990099
}
.white {
color: #ffffff
}
.grey {
color: #999999
}
.black {
color: #000000
}
/* --- Shorthand for colours ends here --- */
Er der nogle som kan finde fejlen eller forklarer hvorfor mit punkt ikke laver hover, når det oprindelige gør?
