Menu lige som her på Udvikleren.dk

Tags:    html css

User
Bruger #956 @ 29.07.04 14:34
Hej.

Jeg ved ikke om mit spørgsmål er rigtig placeret her, men det går jeg ud fra.
Det jeg gerne vil vide er hvordan jeg laver en menu lige som her hvor du kan trykke på noget selvom musen ik helt præcis er over teksten.
Håber i forstår hvad jeg mener...



4 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
Det er fordi at rækken/kolonnen er tilknyttet en onClick event, som i dette tilfælde skifter side.
Det gøres ved lidt javascript:

Fold kodeboks ind/udKode 


PS. Ville også lige informere om at det både kan gøres ved javascript og css, men da javascript alligevel er tilknyttet alle officielle browsere (i modsætning til java, som er noget andet) er der ingen grund til at vælge css frem for javascript men det er op til dig.
Javascriptet fylder jo så også mindre i koden...

n i f e
115 105 102 105
6E 69 66 69

[Redigeret d. 29/07-04 14:47:25 af Nicolai Lyster Fersner]



Hej.

Jeg ved ikke om mit spørgsmål er rigtig placeret her, men det går jeg ud fra.
Det jeg gerne vil vide er hvordan jeg laver en menu lige som her hvor du kan trykke på noget selvom musen ik helt præcis er over teksten.
Håber i forstår hvad jeg mener...


Hvis du laver en hel celle/div til et link:

<td>
<a href="forside.php"><div class="menu">forside</div></a>
</td>

Eller:
<a href="forside.php" class="menu">forside</a>

'menu' klassen er så noget CSS, f.eks:
.menu{
border: 1px solid #000000;
color: black;
}

Og så videre, hjalp det?


[Redigeret d. 29/07-04 14:42:17 af Michael Bjerregaard]



Det kan klares i ren css, ingen grund til javascript.
Nu har jeg ikke lige tid til at lave et komplet eksempel, men prøv noget i retning af:

HTML:
<a class="menu" href="#">Link</a>

CSS:
a.menu {
display:block;
width: 100%;
}

a.menu:hover {
background: green;
}
--
Thus, I conclude



User
Bruger #956 @ 29.07.04 15:41
Vil bare sige at Nicolai fik 5 point for sit eks med javascript og Micahel for hans svar, men synes at XyborgX's svar var det bedste og det som jeg bedst kunne bruge og derfor de 20 point til ham. Vil nemlig helst lave det i css... :o) Takker for hjælpen



t