Avatar billede eazye Nybegynder
11. juni 2002 - 23:03 Der er 23 kommentarer og
1 løsning

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

Jeg har 2 spørgsmål:

Jeg laver en side, hvor menuen er en tabel med rows, i hver row er der en option.

1: Hvordan gør man sådan, så det er hele rowen der linker, og ikke kun teksten? (evt i <td>?)

2: Hvordan laver man en rollover effekt på en tabel, så når man kører ind over en row, skifter baggrundsfarven på denne???

håber jeg har udtrykt mig forståeligt!

-EazyE
Avatar billede repsac Nybegynder
11. juni 2002 - 23:05 #1
onClick
onMouseOver
onMouseOut
- læs evt. css-tutoriallen på www.html.dk og javascript-tutoriallen på www.echoecho.com/dk
Avatar billede eazye Nybegynder
11. juni 2002 - 23:06 #2
plz, giv mig koden.? det haster en smule! sorry :(
Avatar billede vieri Nybegynder
11. juni 2002 - 23:08 #3
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?
Avatar billede eazye Nybegynder
11. juni 2002 - 23:08 #4
ja det lyder fair nok for mig.!
Avatar billede repsac Nybegynder
11. juni 2002 - 23:09 #5
=>vieri: bemærk at jeg ikke postede et svar.
Avatar billede ztyxx Nybegynder
11. juni 2002 - 23:11 #6
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>
Avatar billede ztyxx Nybegynder
11. juni 2002 - 23:11 #7
den er fundet på www.activedeveloper.dk
Avatar billede eazye Nybegynder
11. juni 2002 - 23:12 #8
nej tak, jeg er mere interesseret i et style, som kan sættes i <td>
Avatar billede ztyxx Nybegynder
11. juni 2002 - 23:13 #9
med denne er det også styles, du skal bare bruge class også
Avatar billede repsac Nybegynder
11. juni 2002 - 23:14 #10
lige et lille eks:
<table>
<tr>
    <td onMouseOver="style.color='red'" onMouseOut="style.color='black'" style="cursor: pointer; cursor: hand;">hej
    </td>
</tr>
</table>
Avatar billede vieri Nybegynder
11. juni 2002 - 23:15 #11
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.
Avatar billede eazye Nybegynder
11. juni 2002 - 23:16 #12
det er den slags koder jeg leder efter, bare ikke lige dén kode jeg ledte efter..
Avatar billede eazye Nybegynder
11. juni 2002 - 23:17 #13
det var ikke til dig vieri, men til repsac!
Avatar billede repsac Nybegynder
11. juni 2002 - 23:19 #14
næh, men så må man jo sidde og flæske lidt med det... eller også må man betale sig fra det...
Avatar billede ztyxx Nybegynder
11. juni 2002 - 23:20 #15
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
Avatar billede repsac Nybegynder
11. juni 2002 - 23:22 #16
=>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"
Avatar billede vieri Nybegynder
11. juni 2002 - 23:22 #17
Hvad vil du så have? Javascript-metoden?
Avatar billede eazye Nybegynder
11. juni 2002 - 23:27 #18
den er forstået.. bare roligt jeg er ikke n00b ;) jeg skal bare skubbes i gang.!
Avatar billede eazye Nybegynder
11. juni 2002 - 23:28 #19
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% ?
Avatar billede repsac Nybegynder
11. juni 2002 - 23:29 #20
Det er noget med at NS ikke har det så rart med 100% så vidt jeg husker...
Avatar billede eazye Nybegynder
11. juni 2002 - 23:31 #21
ok, men fuck NS det fatter alligevel ikke en dart af alt andet på min side.. såeh! :o) hehe
Avatar billede repsac Nybegynder
11. juni 2002 - 23:33 #22
=>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 :)
Avatar billede eazye Nybegynder
12. juni 2002 - 00:16 #23
hehe, ok det husker jeg! ;)
Avatar billede repsac Nybegynder
12. juni 2002 - 00:41 #24
godt godt :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester