|
| 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
| |
|
|