Tabel Link? 2 x spørgsmål.!

onClick
onMouseOver
onMouseOut
- læs evt. css-tutoriallen på www.html.dk og javascript-tutoriallen på www.echoecho.com/dk

plz, giv mig koden.? det haster en smule! sorry :(

eazye: Hvis du lige giver mig lidt tid vil jeg gerne forklare det grundigt for dig, men så skal du også vente med at acceptere. Det irriterer mig lidt at folk bare skriver nogle hurtige links, for at tjene nogle points, istedet for at forklare det, som brugeren vil have svar på!
Vil du det?

ja det lyder fair nok for mig.!

=>vieri: bemærk at jeg ikke postede et svar.

som denne??

<style type="text/css">

table.menu {border: 1px solid #393939;}

td.menu, .overskrift {font: bold 12px verdana;text-align: center;}

a.menupunkt {
    text-decoration: none;
    background-color: #EAEAEA;
    color: #717171;
    border-top : 1px solid #FFFFFF;
    border-left : 1px solid #FFFFFF;
    border-bottom : 1px solid #6D6D6D;
    display: block;
    line-height: 22px;
    width:99%;
}

a.menupunkt:hover {
    text-decoration: none;
    background-color: #D1D9F3;
    border-top : 1px solid #8F9CC6;
    border-left : 1px solid #8F9CC6;
    border-bottom : 1px solid #6D6D6D;
    display: block;
    color: #000000;
    width:99%;
}

.overskrift {
    background-color: #8F9CC6;
    color: #000000;
    border-top: 1px solid #D5DFFF;
    border-left: 1px solid #D5DFFF;
    border-bottom: 1px solid #393939;
    line-height: 20px;
}
</style>

<table cellpadding="0" cellspacing="0" border="1" class="menu" width="130" style="border-collapse:collapse">
<tr><td><div class=overskrift>.::MENU::.</div></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt>Link 1</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt>Link 2</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt>Link 3</a></td></tr>
<tr><td class=menu><a href="link1.html" class=menupunkt>Link 4</a></td></tr>
</table>

den er fundet på www.activedeveloper.dk

nej tak, jeg er mere interesseret i et style, som kan sættes i <td>

med denne er det også styles, du skal bare bruge class også

lige et lille eks:
<table>
<tr>
    <td onMouseOver="style.color='red'" onMouseOut="style.color='black'" style="cursor: pointer; cursor: hand;">hej
    </td>
</tr>
</table>

Repsac: Det var ikke en komentar til dig. Jeg begyndte at skrive min kommentar, før du postede din.

Jeg ved ikke om du kan bruge det, men her er ihvertfald hvordan du kan gøre det på en simpel måde:

Du starter med at lave dit style. Det skal du bruge, for at kunne skifte farve. Det kan også gøres med javascript, men denne metode er langt lettere.

<style type="text/css">
a.menu {
background : #333333;
display:block;
width:99%;
}

a.menu:hover {
background : #EEEEEE
display:block;
width:99%;
}
</style>
Først er der lavet en style der angiver hvilken baggrundsfarve din tabel skal have. Derefter er der angivet hvad farve den skal skifte til, når musen er over cellen. (:hover)

Nu skal tabellen så laves, og din style skal angives med class=""
<table width=100>
<tr><td><a href="side1.htm" class="menu">Side2</a></td></tr>
<tr><td><a href="side1.htm" class="menu">Side2</a></td></tr>
<tr><td><a href="side1.htm" class="menu">Side2</a></td></tr>
<tr><td><a href="side1.htm" class="menu">Side2</a></td></tr>
</table>
Simpelt. Når musen så er over selve tabellen, skifter tabellen farve til #EEEEEE.

<style> skal indsættes imellem headtagene.

det er den slags koder jeg leder efter, bare ikke lige dén kode jeg ledte efter..

det var ikke til dig vieri, men til repsac!

næh, men så må man jo sidde og flæske lidt med det... eller også må man betale sig fra det...

synes også at der er lagt muligheder, man kan jo, som repsac siger, lege lidt med det selv, man kan ikke forvente 100% færdige løsninger

=>vieri: hvorfor egentlig display: block; ?
"block          The element will be displayed as a block-level element, with a line break before and after the element"

Hvad vil du så have? Javascript-metoden?

den er forstået.. bare roligt jeg er ikke n00b ;) jeg skal bare skubbes i gang.!

tusind tak vieri.. jeg har selv rettet det i koden jeg ville, så den passer 100 % til mit design! hvorfor lavede du i grunden width til 99% ?

Det er noget med at NS ikke har det så rart med 100% så vidt jeg husker...

ok, men fuck NS det fatter alligevel ikke en dart af alt andet på min side.. såeh! :o) hehe

=>eazye: nu skal du jo tale pænt ;) - hold dig i hvert fald til w3-standarderne (som NS i nogle tilfælde ikke opfylder) - det må være vejen frem :)

hehe, ok det husker jeg! ;)

godt godt :)