Avatar billede hhlundgaard Nybegynder
10. september 2004 - 11:59 Der er 8 kommentarer og
1 løsning

Højre & venstre align i TD

Hej vil lave en menu hvor man kan se hvad man har trykket på så derfor har jeg lavet et billede er bliver vist når man trykker, man den ligger i et andet TD så derfor virker mit menu:hover ikke.
http://www.hhlundgaard.dk/saadan.jpg

Når en bruger har trykket på et punkt skal cirklen blive helt sort.
Men det er vigtigt at det bliver i samme TD.
Avatar billede milo Nybegynder
10. september 2004 - 12:02 #1
Jeg kan anbefale lidt læsning på:
http://www.alistapart.com/articles/practicalcss/

Tabeller er beregnet til tabulære data, ikke designopsætning.
Avatar billede hhlundgaard Nybegynder
10. september 2004 - 13:30 #2
vil gerne have flere inputs da, denne løsning ikke helt passer til mine krav.
Den gør nemlig at den class jeg har på TD'en ikke bliver brugt inde i <span>
Avatar billede olebole Juniormester
10. september 2004 - 16:13 #3
<ole>

Kode ...?

/mvh
</bole>
Avatar billede hhlundgaard Nybegynder
11. september 2004 - 11:25 #4
<tr>
  <td width="12%" class="leftmenu_pil"><img src="menu.gif" border="0" name="home"></td>
  <td><a href="home.asp" class="leftmenu" onclick="changeImgclick('menuclick.gif', 'home')">Home</a></td>
</tr>

i min CSS har jeg så en leftmenu:hover, som highlighter td'en mit problem er at jeg gerne ville have highlightet hele TR.
Avatar billede roenving Novice
11. september 2004 - 13:54 #5
Jeg ville tænke på at gøre det med onmouseover, f.eks. på td'en:

<tr>
  <td width="12%" class="leftmenu_pil"><img src="menu.gif" border="0" name="home"></td>
  <td onmouseover="this.parentNode.style.backgroundColor='#eee'" onmouseout="this.parentNode.style.backgroundColor='#fff'"><a href="home.asp" class="leftmenu" onclick="changeImgclick('menuclick.gif', 'home')">Home</a></td>
</tr>
Avatar billede hhlundgaard Nybegynder
11. september 2004 - 19:28 #6
Problemet er nu bare at mit stylesheet går ind og overruler farven på den første td så der bliver kun den ene der skifter farve.
http://hhlundgaard.dk/test.html
Avatar billede hhlundgaard Nybegynder
11. september 2004 - 19:29 #7
.leftmenu_pil {
    BORDER-TOP: #FDFDFD 1px solid;
    BORDER-BOTTOM: #282D71 1px solid;
    display: block;
    color: 282D71;
    height: 18px;   
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #EAEAEA;
}
.leftmenu {
    BORDER-TOP: #FDFDFD 1px solid;
    BORDER-BOTTOM: #282D71 1px solid;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    display: block;
    color: 282D71;
    height: 18px;   
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #EAEAEA;
}
.leftmenu:hover {
    BORDER-TOP: #FDFDFD 1px solid;
    background-color: FDFDFD;
    text-decoration: none;
}
.leftmenu:active {
    BORDER-TOP: #FDFDFD 1px solid;
    background-color: FBFBFB;
    text-decoration: none;
}
Avatar billede hhlundgaard Nybegynder
11. september 2004 - 19:48 #8
Løsningen roenving kom med er self. korrekt, jeg sætter bare bgcolor på TR istedet. Så kan jeg styre TD ligesom jeg vil.
Avatar billede hhlundgaard Nybegynder
26. januar 2005 - 13:15 #9
lukker
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