Meny med css

2 svar · 248 visningar · startad av harry_boy 9 mars 2003

harry_boyMedlem sedan feb. 2003193 inlägg

Trådstart9 mars 2003 08:56#1

Om jag har följande sträng:

 <a href="#"> <td width="20%" align="center" class="menu" onmouseover="this.className='menu_hover'" onmouseout="this.className='menu'">STARTSIDA</td></a>

Hur gör jag då för att utseendet på knappen skall blir som onmouseout när någon klickat på den ... dvs att den blir som en link active.

Var det dåligt med info så fråga på så skriver jag det tydligare isåfall!

GunnarDMedlem sedan juni 20014 290 inlägg

9 mars 2003 09:29#2

Vet inte om det är detta du vill ha, men här är en länk till hur man gör menyer i CSS: http://www.meyerweb.com/eric/css/edge/menus/demo.html

Tänk dock på att inte alla webläsare klarar det (Ex. Mozilla gör det, IE6 gör det inte).

Peter SMedlem sedan dec. 20025 483 inlägg

9 mars 2003 13:18#3

För det första så är det inte tillåtet (om man skall följa de webbstandarder som finns) att lägga en tabellcell inuti en länk. Jag antar att du har gjort så för att få hela ytan klickbar? Isåfall föreslår jag att du gör så här istället:

...
<tr>
     <td><a href="#" style="display:block; width:100%">Foo</a></td>
</tr>
...

Gällande din fråga kan du pröva dig fram med följande attribut:
- onclick
- onmousedown
- onmouseup