Et firkantet link skifter farve

F.eks.

<div class="top" onmouseout="this.style.backgroundColor='';" onmouseover="this.style.backgroundColor='#f00';">

Det kan ikke gøres på andre måde, direkte i CSS filen

øh hvor har du linksne?

Du kan lave noget lign:

a:hover .top {
  background:#f00;
}

-- men den notation understøttes ikke af alle browsere, deriblandt IE !o]

-- sjovt nok understøttes den direkte i de samme browsere:

.top:hover{background-color:#f00;}

-- og så indebærer doggys forslag sandsynligvis ulovlig nesting, da links default er inline-elementer, som ikke må indeholde block-level-elementer, som din div sandsynligvis er (default !-)

-- og testpilot, nej, på nuværende tidspunkt kan det ikke, men man kan da simulere det ved at lave en simpel funktion, som onload sætter funktionerne ind !o]

Mine Divs ligger i inden i et link!

Roenving, hvad mener du lige med at lave en simpel funktion som kan ændre det "runtime" altså når brugeren kører over link

Ikke runtime, men onload !-)

F.eks.

<script type="text/javascript">
window.onload = function(){
  var divs = document.getElementsByTagName("div");
  for(i=0;divs.length>i;i++){
    if(divs[i].className == "top"){
      divs[i].onmouseover = function(){this.style.backgroundColor='#f00';};
      divs[i].onmouseout = function(){this.style.backgroundColor='';};
    }
  }
}
</script>

oaky, roenving, så læg du et svar, så får du points!

Det vil da gører det væsentlig næmmere

hvad værdi får : var divs = document.getElementsByTagName("div")
hvad gør den

divs bliver til et array af alle div-elementer i dokumentet, men så undersøger vi lige, at vi kun sætter eventhandlers på dem, som har css-klassen 'top' !-)

-- og det kan da anbefales, at man ikke benytter sig af navne nogle steder, som ved brug andre steder kan skabe problemer ved brug andre steder, her 'top', som i javascript refererer til det yderste window-element, altså det, der refereres til i adresselinjen i browseren !o]

-- els velbekomme '-)

Det er jo rigtigt nok, det må jeg da lige ændre så man senere ikke bliver i tvilv

Takker ;)

hvis jeg nu vil have teksten i boksen til at skifte farve også, hvordan får jeg så den med!

Skal den ligge direkte på linket

Det har jeg klaret, havde lidt rod i min CSS fil!

God Weekend

<ole>

- men husk lige, hvad roenving skrev i (28/08-2005 14:21:47):
Du kan ikke have divs liggende i a-elementer - med mindre du sætter:
    style="display:inline"
- på de divs, der ligger i dine links  :)

/mvh
</bole>

-- og tak for point ;~}