Avatar billede Slettet bruger
05. februar 2003 - 14:45 Der er 20 kommentarer og
1 løsning

Speciele mouse overs

Jeg er igang med http://biggel.com/projects/sopranos/, og mangler nogle speciele mouseovers..

Når man føre musen over et link, kommer der en "streg" under som vidst på siden..

link <- A

link <- mouse over

----


(:
Avatar billede jakoba Nybegynder
05. februar 2003 - 14:47 #1
A:Hover {
    font-family:tahoma;
    font-size:13px;
    color:red;
    text-decoration:underline;  /* ændret linie */
}
Avatar billede jakoba Nybegynder
05. februar 2003 - 14:48 #2
var et svar.
Avatar billede Slettet bruger
05. februar 2003 - 14:49 #3
jakoba, nej ikke det... prøv at tjekke siden der er allerede en, den skal bare i hover
Avatar billede Slettet bruger
05. februar 2003 - 14:49 #4
en table som skal frem på hover... (?)
Avatar billede jakoba Nybegynder
05. februar 2003 - 14:51 #5
Desværre jeg forstår ikke hvad du mener.
Avatar billede Slettet bruger
05. februar 2003 - 14:54 #6
Avatar billede Slettet bruger
05. februar 2003 - 14:57 #7
tror lige jeg fandt ud af det, men nu rykker det hele sig... jeg bruger:
onmouseover="this.style.borderBottom='3px solid red';" onmouseout="this.style.borderBottom='0px';"
Avatar billede Spotgun Seniormester
05. februar 2003 - 14:58 #8
du laver jo også en anden/større skrifttype samtidig...
Avatar billede Slettet bruger
05. februar 2003 - 14:59 #9
spotgun, jamen jeg kan ikke finde den ændring i koden?
Avatar billede jakoba Nybegynder
05. februar 2003 - 15:00 #10
og din border behøver ikke ændre størrelse, kun farve:
onmouseover="this.style.borderBottom=3px solid red;" onmouseout="this.style.borderBottom=3px solid white;"

det er ikke brug for '-tegn der. tværtimod er de ikke rigtig lovlige.
Avatar billede Slettet bruger
05. februar 2003 - 15:03 #11
nu kommer der pludselig ingen border...
Avatar billede cdc Novice
05. februar 2003 - 15:04 #12
a.menu {
    FONT-SIZE: 13px;
    background : #ffffff;
    color: red;
    text-decoration : none;
    display:block;
    width:100%;
    border-bottom: 2 solid #ffffff;
}

a.menu:hover {
    FONT-SIZE: 13px;
    background : #ffffff;
    color: #000000;
    display:block;
    width:100%;
    border-bottom: 2 solid red;
}
Avatar billede Spotgun Seniormester
05. februar 2003 - 15:04 #13
Hvis man ser sourcen for dit website, så står der at A har størrelsen 13px, mens A:Hover har størrelsen 14px. Og brug så jakoba's eksempel, så skulle der ikke være noget der rykker sig!
Avatar billede cdc Novice
05. februar 2003 - 15:04 #14
og class="menu" i dit link i menuen
Avatar billede Slettet bruger
05. februar 2003 - 15:07 #15
/cdc, sorry det virker ikke? spotgun yesh i know, skulle prøve at ændre det lidt, men det virkede ikke..
Avatar billede cdc Novice
05. februar 2003 - 15:08 #16
Avatar billede Slettet bruger
05. februar 2003 - 15:10 #17
der har du jo os ændret vildt på designet, er det width og height der gør det eller?
Avatar billede cdc Novice
05. februar 2003 - 15:13 #18
har mare sat en class menu ind, og celle højden til 70, alt dette kan du jo ændre men var mere for at du kunne se funktionen
Avatar billede Slettet bruger
05. februar 2003 - 15:14 #19
såen nu virker det næsten, takker for hjælpen :o)

/cdc brugte din metode, lavede bare lidt om... dine individuele class'es ændrede lidt for meget, men tak :o) svar du bare
Avatar billede cdc Novice
05. februar 2003 - 15:15 #20
svarer
Avatar billede cdc Novice
05. februar 2003 - 15:15 #21
Problemet hvis du ikke laver den individel med classes så kommer den til at se sådan ud på alle dine links, derfor lavede jeg den som a.menu så den kun virker i menuen
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
Kurser inden for grundlæggende programmering

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