/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Hover-effekt på links i javascript fejler ~
Fra : JSB


Dato : 05-06-02 23:30

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;
}



 
 
Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste