Jeg har indsat en menu genereret vha. et javascript (inkluderet fil/menu) på
adressen:
http://www.ktb.ihk.dk/ihk/kommendestud/
Menuen er i højre side af skærmen, og problemet er, at mine css-class'er
ikke virker optimalt på disse links.
Selve scriptet er placeret i en div (div class="hmenu") og i denne har jeg
forgæves forsøgt at indsætte en span (span class="hmenulink") for at få
link- og hovereffekten til at virke. Ønsket er, at hovereffekten skal være
understregning og farveskift til #FF0099.
Jeg har efterfølgende lavet en formatering af menuens links i selve
javascriptet, hvilket virker (modsat css-class'erne).
Hvordan får jeg de ønskede menu-hovereffekter til at virke, og hvad gør jeg
galt?
Mvh
Jesper
Koder:
<!-- dette indsættes for at skjule koden for gamle browsere
document.write("")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Adgangskursus</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Bygningingeniør</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Eksportingeniør</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Elektronikingeniør</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>IT-ingeniør</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Maskiningeniør</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Produktionsingeniør</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Stærkstrømsingeniør</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Internationale udd.</a><br />")
document.write("<a style='color: #336666; text-decoration: none;'
href='../'>Kursuskatalog</a><br />")
document.write("")
// slut skjul kode -->
/* HØJREMENU */
..hmenu
{
position: absolute;
top: 130px;
left: 659px;
font-size: 10px;
font-family: Arial, Verdana, Tahoma, sans-serif;
line-height: 18px;
background: #99CCCC;
color: #336666;
width: auto;
padding: 5px;
border: 1px solid #FF0099;
z-index: 4;
}
/* LINKS */
A:link .hmenulink, A:visited .hmenulink, A:active .hmenulink
{
background: #99CCCC;
color: #336666;
text-decoration: none;
}
A:hover .hmenulink
{
background: #99CCCC;
color: #FF0099;
text-decoration: none;
}