baggrundsfarve ved links skal skifte

Glemte du ikke linket? :-)
Men prøv a:hover {background-color:red;display:block;}
Men det er svært uden at se eksemplet.

ja brug som rowl siger..

på dine datoer..

a:hover
{
display:block;
background-color: red;
width: 100%;
height: 100%;
}

td.kalender
{
background-color:Gray;
border: 1px solid black; // bemærk alle celler for 1px border - altså vil 2 celler der ligger op mod hinanden få 2 px border.
}

jeg har tilføjet det der display:block; og nu ser det ret godt ud, prøv at kig http://www.weevil.dk/smi/kalender.php ..

der er dog en lille border!, i grå, kan den fjernes? hvis jeg smider border på, så udvider tderne sig istedet, det ser mærkeligt ud

ja.. det er fordi der er padding på dem....

kyl

padding: 0; på alle de tder inde i tabellen


ex med:

#cal td
{
padding: 0px;
}

sæt herefter padding på A'erne for at opnå samme effekt.. eller brug a{line-height: XXpx;}

kode ser nu sådan her ud!

#kalender_to a:hover {
display:block;
margin: 0px;
padding: 0px;
background: #42609a;
color: #ffffff;
width: 100%;
height: 100%;
}

virker stadig ikke helt

jeg er også ret overbevist om jeg skrev.. sæt padding = 0; på dine celler.. dine TD'er...

og erstat din padding på TD'erne med padding på dine anchors ...

ja det har jeg prøvet! mine tder har jo id=kalender_to, så der jo ingen grund til at skive det der? når det står i css, aner ikke hvad anchors er

<ole>

CSS foreskriver i øvrigt, at hvis et element skal have sin højde sat i procent, så skal denne beregnes udfra det omkransende elements højde. Det omkransende element skal derfor eksplicit have sat en højde ... og det samme med _dets_ omkransende element ... osv. Det gælder også body- og html-elementerne  ;o)

Jeg har ikke checket, om dit td-element har fået sat en højde - men det er en tvingende nødvendighed for at få de 100%'s højde på dine links til at virke.
Dette link vil i princippet have højden 0px ... kun udspilet af linkets indhold:

<tr>
  <td>
      <a href="#" style="height:100%">Link</a>
  </td>
  <td>
      <div style="height:300px">Et højt div i samme række som linket</div>
  </td>
</tr>

- og det hjælper ikke, at linkets celle bliver spilet ud til 300px's højde. Den har ikke eksplicit fået sat en højde  :)

/mvh
</bole>

weevil..

Jeg siger..

Cellerne i din tabel med id=cal skal alle have fjernet paddingen´..

endten gennem cellpadding="0" ..eller gennem CSS #cal td{padding:0;} ..

og jo det virker fint.. DEt gør det i hvert fald hos mig, i IE med begge metoder...

Jeg bruger et værktøj der hedder "developer toolbar" til ie.. prøv at installere det.. tryk View Dom, tryk find -> Select elements by click.. tryk på en celle .. i dom træet vælger du tabellen der hedder id="cal" ved attributterne skriver du cellpadding [tab] 0 tryk enter...

så forsvinder den border.. det forsvinder også hvis du markerer en celle og skriver padding [tab] 0 tryk enter og siger det skal ske på alle cellerne i tabellen..

herefter kan du erstatte det den padding der forsvinder ved at give dine anchors, ,links,<a> tags, padding i stedet..


Developer toolbar : http://www.microsoft.com/downloads/details.aspx?FamilyID=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en

Firefox har et alternativ, men kan bedre li den her til ie, tager lidt tid at lære den at kende, men go' til at finde fejl.

Mvh