Avatar billede sonic666 Novice
28. februar 2007 - 11:26 Der er 7 kommentarer og
1 løsning

Ændre billede-ramme-farve med med mouseover på tabel-celle

Jeg har en tabelceller der indeholder et billede og en tekst.

Med stylesheet kan man ændre tekstfarven med at holde musen over cellen, og billede-rammen ved at holde musen over billedet.

Jeg vil gerne ændre farven både på tekst og billede bare ved at holde holde musen over CELLEN.
Kan man ændre style'en på billede ved at lave via en mouseover på cellen?

Her en den kode jeg har indtil videre:

<table border="0" cellpadding="0" cellspacing="30">
<tr>
  <td style="color: #969696" onmouseover="this.style.color='#ffffff'" onmouseout="this.style.color='#969696'">
  <img src="billeder/thumb.jpg" style="border: solid 2px #171717" onmouseover="this.style.border='solid 2px #ffffff'" onmouseout="this.style.border='solid 2px #171717'">Billede tekst
  </td>
</tr>
</table>


Håber nogle kan hjælpe
Avatar billede roenving Novice
28. februar 2007 - 11:40 #1
F.eks.

<table border="0" cellpadding="0" cellspacing="30">
<tr>
  <td style="color: #969696" onmouseover="this.firstChild.style.border='solid 2px #fff';this.style.color='#fff'" onmouseout="this.firstChild.style.border='solid 2px #171717';this.style.color='#969696'"><img src="billeder/thumb.jpg" style="border: solid 2px #171717">Billede tekst
  </td>
</tr>
</table>

-- bemærk, at fjernelsen af linjeskiftet er nødvendigt for at få det til at fungere så simpelt !-)
Avatar billede thesurfer Nybegynder
28. februar 2007 - 12:01 #2
roenving> Der burde vel ikke være linieskift før </td>?:

style="border: solid 2px #171717">Billede tekst
  </td>
Avatar billede roenving Novice
28. februar 2007 - 12:05 #3
Næh, men det kommer jo an på, hvordan det ellers ser ud ...

-- et linjeskift før img-tagget vil derimod ødelægge onmouse-tingene !-)
Avatar billede sonic666 Novice
28. februar 2007 - 12:17 #4
Fantastisk det sådan det skal være. Sorry linieskiftet var bare for at gøre det mere overskueligt på eksperten. Det betyder intet. Tak
Avatar billede roenving Novice
28. februar 2007 - 12:22 #5
Jeg vil også foretrække linjeskiftet, da det jo så netop er mere overskueligt ...

-- men firstChild virker slet ikke ens crossbrowser, når der er linjeskift, så det er nødvendigt at fjerne det ...

Velbekomme '-)
Avatar billede sonic666 Novice
28. februar 2007 - 12:33 #6
Hvad er det der FirstChild? Hvordan kan du knytte det til mit billede-style?
Avatar billede thesurfer Nybegynder
28. februar 2007 - 12:38 #7
Men IE laver jo mellemrum, hvis der er linieskift foran </td>?
Avatar billede roenving Novice
02. marts 2007 - 11:12 #8
Fordi billedet er det første børne-element til tabelcellen !-)

>>thesurfer

-- ja, men det betyder ikke, at det kan ses ...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester