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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS, onMouseOver/Out og borders
Fra : Kasper Ovi


Dato : 05-03-01 14:06

Hej

Jeg vil gerne i CSS gøre således at der kommer en boks (dvs. borders) uden
om et ord (i en tabel) når jeg har musen hen over, men jeg kan ikke få det
til at lade sig gøre - intet sker når jeg kører musen hen over. (Jeg bruger
"selvfølgelig" IE5.5, så det er ikke der problemet ligger).

Herunder er en bid af den kode jeg bruger... hvad gør jeg galt?

på forhånd 1000 tak!
/Kovi

---------------------------------

<table border="0" cellpadding="2" cellspacing="2" width="80">
<tr>
<td width="100%" style="border-left: 0 solid #000000"
onMouseOver="border-left: 1 solid #000000" onMouseOut="border-left: 0
solid"><p align="center">Index</td>
</tr>
</table>



 
 
Allan Vebel (05-03-2001)
Kommentar
Fra : Allan Vebel


Dato : 05-03-01 14:47

Kasper Ovi <kasper@ovi.dk> skrev

> Jeg vil gerne i CSS gøre således at der kommer
> en boks (dvs. borders) uden om et ord (i en tabel)

Er det noget i den stil du mener?

<html>
<head>
<title>onmouseoverborder</title>
<style>
..tdborderon{
border: 1px solid #000000;
}
..tdborderoff{
border: 1px solid #ffffff;
}
</style>
</head>
<body>
<table border="0" cellpadding="2" cellspacing="2" width="80">
<tr>
<td
onMouseOver="this.className='tdborderon'"
onMouseOut="this.className='tdborderoff'">Index</td>
</tr>
</table>
</body>
</html>

--
Allan



Kasper Ovi (05-03-2001)
Kommentar
Fra : Kasper Ovi


Dato : 05-03-01 15:21

> Er det noget i den stil du mener?

Lige præcis - tusind tak for det!

Kasper



Kasper Ovi (07-03-2001)
Kommentar
Fra : Kasper Ovi


Dato : 07-03-01 14:08

Hej igen

Det virkede, men nu står jeg så med et andet problem:
Før man har haft musen hen over tabellen, så er der ikke nogen border. Hvis
jeg tilføjer en

style="border: 1px #FF0000"

til min <td...> tag, så virker onMouseOver/Out ikke...


Kender nogen en workaround?

Mvh
Kasper


"Allan Vebel" <allan@vebel.dk> wrote in message
news:fMMo6.129$Lp6.4757@news.get2net.dk...
> Kasper Ovi <kasper@ovi.dk> skrev
>
> > Jeg vil gerne i CSS gøre således at der kommer
> > en boks (dvs. borders) uden om et ord (i en tabel)
>
> Er det noget i den stil du mener?
>
> <html>
> <head>
> <title>onmouseoverborder</title>
> <style>
> .tdborderon{
> border: 1px solid #000000;
> }
> .tdborderoff{
> border: 1px solid #ffffff;
> }
> </style>
> </head>
> <body>
> <table border="0" cellpadding="2" cellspacing="2" width="80">
> <tr>
> <td
> onMouseOver="this.className='tdborderon'"
> onMouseOut="this.className='tdborderoff'">Index</td>
> </tr>
> </table>
> </body>
> </html>
>
> --
> Allan
>
>



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

Månedens bedste
Årets bedste
Sidste års bedste