Notifikationer

Markér alle som læst Log ud

Slettet bruger

11. september 2003 - 21:56 Der er 22 kommentarer og
2 løsninger

Hjælp til mine menuer

http://www.digitalempire.frac.dk/index.shtml

I mine menuer i venstre og højre side, ønsker jeg en hover effekt til mine links, der gør at hele den "hvide kasse" blir samme farve som "kassen" med overskriften i. Kan dette lade sig gøre med CSS ?
I øjeblikket kan jeg kun få selve teksten til at skifte farve.

På forhånd tak.

PhatLasse

Synes godt om

sierradriver Nybegynder

11. september 2003 - 21:59 #1

Til at starte med, kan du i dit stylesheet sætte en bredde i din a:hover

Altså: width: 100%

Synes godt om

Slettet bruger

11. september 2003 - 22:03 #2

Ja, men det er ikke så fedt, da min andre links på min sider, så ikke blir så fede :o)

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:03 #3

det kan gøres med css ved at skrive i dit stylesheet:
TD.nyhedclass:hover {background:#farvekode}

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:04 #4

IE har bare et problem med den slags css - ellers må du gøre det med javascript

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:05 #5

TD.menutekst:hover skal det være ;)

Synes godt om

Slettet bruger

11. september 2003 - 22:08 #6

Jeg har sat denne linie i min CSS:

td.menutekst:hover {background: #D3D3C4;}

men det virker ikke.... :o(

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:12 #7

Prøv at kombinere det med width:100%:
TD.menutekst A:hover {background:#D3D3C4;width:100%}

Synes godt om

ckh Nybegynder

11. september 2003 - 22:14 #8

Er det noget ala min menu på http://www.sidpost.dk i venstre side du mener?

Synes godt om

Slettet bruger

11. september 2003 - 22:17 #9

lige præcis :o)

Nå men det virker med denne linie:

TD.menutekst A:hover {background:#D3D3C4;}

Men det er er ikke alt "det hvide" der skifter farve.

og det blir ikke anderledes med width:100%

Synes godt om

ckh Nybegynder

11. september 2003 - 22:19 #10

Prøv lige at smide denne linie ind....
display: block;

Synes godt om

Slettet bruger

11. september 2003 - 22:25 #11

Det blev lidt bedre. Nu har jeg denne linie i min CSS:

td.menutekst a:hover {
background: #D3D3C4;
display: block;
width: 100%;
}

Men den fylder det stadig ikke helt ud.

Synes godt om

ckh Nybegynder

11. september 2003 - 22:26 #12

Det er sikkert fordi du også har en padding sat. Det bliver vist ikke farvet...

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:29 #13

altså her:
td {
font-family: Verdana,Tahoma,Arial,serif;
font-size: 11px;
background-color: #D3D3C4;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 2px;
padding-right: 5px;

}

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:31 #14

næ undskyld det er mere ned ved:
.menutekst {
font-family: Verdana,Tahoma,Arial,serif;
font-size: 11px;
color: #444444;
background: #FFFFFF;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 10px;

}

så skriv istedet padding:0px

Synes godt om

Slettet bruger

11. september 2003 - 22:36 #15

yes.... det virker.
Men er nu ked af at jeg skak af dem den padding. Kan det ellers ikke lade sig gøre ?

Synes godt om

Slettet bruger

11. september 2003 - 22:44 #16

Nå, har sat en padding på 2px hele vejen rundt.
Det er jeg nu godt tilfreds med. :o)

Synes godt om

Slettet bruger

11. september 2003 - 22:44 #17

skovenborg og ckh >> lig et svar...

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:46 #18

okay - hvis det er så vil det nok være lettere med javascript.

Trøst dig da med det virker fint i Mozilla ;)

Synes godt om

ckh Nybegynder

11. september 2003 - 22:47 #19

Godt man kunne hjælpe lidt :-)

Synes godt om

skovenborg Nybegynder

11. september 2003 - 22:47 #20

bruger det selv på min side med javascript - så kan du se hvordan det også kan gøres:
http://www.skovenborg.frac.dk/

Synes godt om

Slettet bruger

11. september 2003 - 22:55 #21

okay - hvis det er så vil det nok være lettere med javascript. <--- Jeg ved 0 om javaskript. Er stadig meget grøn i Webdesign :o)

Synes godt om

Slettet bruger

11. september 2003 - 22:57 #22

Og takker selvfølgelig mange gange for Jeres hjælp....

Synes godt om

skovenborg Nybegynder

11. september 2003 - 23:02 #23

takker for point!!!

med javascript kunne du skrive:
<td class="menutekst" onmouseover='this.style.background="#D3D3C4";' onmouseout='this.style.background="#FFFFFF";'>

(bare lidt bøvet at skrive det hver gang)

Synes godt om

Slettet bruger

11. september 2003 - 23:09 #24

fedt - det virker jo perfekt - men du har ret - det er lidt bøvliet at skrive hver gang. Nu kan jeg endda sætte min gamle padding på.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS