/ 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
Highlight menu uden java der virker i andr~
Fra : Frank K. Jensen


Dato : 20-11-02 14:54

Hejsa

Hvordan laver man en menu, som ligner en tabel, men hvor hele feltet virker
som link og hvor man kan ændre baggrundsfarve når musen holdes over (I ved
godt hvad jeg mener, ikke?)? Det skal helst være uden et eller andet
java-snask, hvis det kan lade sig gøre.

Jeg har prøvet nedenstående men det virker ikke i andre browsere end IE.

<html>
<head>
<style type="text/css">
a.menu:link, a.menu:visited, a.menu:active {width: 80px;}
a.menu:hover {background-color: #00FFFF;}
</style>
</head>
<body>
<a class="menu" href="link">link</a>
</body>
</html>




 
 
Hintzmann (20-11-2002)
Kommentar
Fra : Hintzmann


Dato : 20-11-02 15:00

"Frank K. Jensen" <fkj@ifa.au.dk> wrote in message
news:arg45k$131k$1@news.net.uni-c.dk...
> Jeg har prøvet nedenstående men det virker ikke i andre browsere end IE.

Sæt display block på linket.

<style type="text/css">
a.menu:link, a.menu:visited, a.menu:active {width: 80px;display:block;}
a.menu:hover {background-color: #00FFFF;}
</style>

Hintzmann



Frank K. Jensen (20-11-2002)
Kommentar
Fra : Frank K. Jensen


Dato : 20-11-02 15:04

> > Jeg har prøvet nedenstående men det virker ikke i andre browsere end IE.
>
> Sæt display block på linket.
>
> <style type="text/css">
> a.menu:link, a.menu:visited, a.menu:active {width: 80px;display:block;}
> a.menu:hover {background-color: #00FFFF;}
> </style>


Jeg takker, og damn du er hurtig

mvh Frank



Lasse Reichstein Nie~ (20-11-2002)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 20-11-02 15:04

"Frank K. Jensen" <fkj@ifa.au.dk> writes:

> Hvordan laver man en menu, som ligner en tabel,

Hvad mener du helt præcist med "ligner en tabel"?

> men hvor hele feltet virker
> som link og hvor man kan ændre baggrundsfarve når musen holdes over (I ved
> godt hvad jeg mener, ikke?)? Det skal helst være uden et eller andet
> java-snask, hvis det kan lade sig gøre.

Sagtens.

> Jeg har prøvet nedenstående men det virker ikke i andre browsere end IE.

Underligt. Hvilke andre browsere har du prøvet. Det skulle da virke i både
Mozilla og Opera (som jeg kender) og sikkert også i Konquerer. Altså i
alt andet end Netscape 4.

Jeg foretrækker normalt at sætte en <div> omkring mine links, så er de
lettere at flytte rundt med og styre. Man kan sætte bredde, kanter og
position på div'en istedet for på hvert link.
Et trick er at lave linkene til display:block, fordi så er det ligegyldigt
hvor i kassen man peger, så bliver de ramt.

Prøv fx:
---
<html>
<head>
<style type="text/css">
..menu {width: 80px;}
..menu a {display:block;border:1px solid black;text-decoration:none;
text-align:center;}
..menu a:hover {background-color: #00ffff;}
</style>
<title>test</title>
</head>
<body>
<div class="menu">
<a href="link3">link1</a>
<a href="link2">link2</a>
<a href="link1">link3</a>
</div>
</body>
</html>
---

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Frank K. Jensen (20-11-2002)
Kommentar
Fra : Frank K. Jensen


Dato : 20-11-02 15:06

> Et trick er at lave linkene til display:block, fordi så er det ligegyldigt
> hvor i kassen man peger, så bliver de ramt.

Jeg takker igen, der var bare display:block jeg havde brug for

mvh Frank



Frank K. Jensen (20-11-2002)
Kommentar
Fra : Frank K. Jensen


Dato : 20-11-02 16:22

En lille bemærkning, hvis man sætter "width" i ".menu" og ikke ".menu a" så
virker det ikke i IE (men det virker i NS). Man kan så sætte "width:100%" i
".menu a" så virker det også i IE

mvh Frank

> <html>
> <head>
> <style type="text/css">
> .menu {width: 80px;}
> .menu a {display:block;border:1px solid black;text-decoration:none;
> text-align:center;}
> .menu a:hover {background-color: #00ffff;}
> </style>
> <title>test</title>
> </head>
> <body>
> <div class="menu">
> <a href="link3">link1</a>
> <a href="link2">link2</a>
> <a href="link1">link3</a>
> </div>
> </body>
> </html>



Brian Hjøllund (20-11-2002)
Kommentar
Fra : Brian Hjøllund


Dato : 20-11-02 15:13

On Wed, 20 Nov 2002 14:53:55 +0100, "Frank K. Jensen" <fkj@ifa.au.dk>
wrote:

>Hejsa
>
>Hvordan laver man en menu, som ligner en tabel, men hvor hele feltet virker
>som link og hvor man kan ændre baggrundsfarve når musen holdes over (I ved
>godt hvad jeg mener, ikke?)? Det skal helst være uden et eller andet
>java-snask, hvis det kan lade sig gøre.

Nedenstående kode burde gøre hvad du beder om :)

a.menu:link, a.menu:active, a.menu:visited {
   display: block;
   line-height: 22px;
   background-color: #f0f0f0;
   color: #333333;
   text-decoration: none;
   width: 80px;
   text-align: center;
}

a.menu:hover {
   background-color: #ff5000;
   color: #000000;
}

/Brian
http://www.hybreed.net

Frank K. Jensen (20-11-2002)
Kommentar
Fra : Frank K. Jensen


Dato : 20-11-02 16:23

> Nedenstående kode burde gøre hvad du beder om :)

<snip>

Jamen også tak til dig da

mvh Frank



Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408858
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste