Avatar billede kane Juniormester
10. januar 2003 - 22:21 Der er 16 kommentarer og
2 løsninger

mouse over i css

jeg har et link liggende i en grå kasse (box)kan jeg få den til at skifte farve ved mouse over?

sådan ser .menu2 class ud

.menu2 {  font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
text-decoration: none;
background-color: #DDDDDD; height: auto; width: 80px; border-color: #000000 #000000 #000000 black;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px}
Avatar billede kane Juniormester
10. januar 2003 - 22:22 #1
jeg mener at den grå farve i kasse skal skifte..............ikke texten
Avatar billede ellert Nybegynder
10. januar 2003 - 22:23 #2
ja - men du skal bruge javascript... Jeg er ikke sikker på hvordan.
Avatar billede schaefner Juniormester
10. januar 2003 - 22:26 #3
Et lille eksempel:

a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
text-decoration: none;
background-color: #000000;
height: auto;
width: 100%;
Avatar billede cdc Novice
10. januar 2003 - 22:26 #4
du skal lave en:
a.menu2:link
a.menu2:hover

Hvor den sidste skal indeholde de ændringer der skal til for at den skal skifte
Avatar billede cdc Novice
10. januar 2003 - 22:26 #5
du laver så class="menu2" på samme måde som tidligere
Avatar billede schaefner Juniormester
10. januar 2003 - 22:28 #6
og som /cdc siger så skal du lave a:hover om til a.menu2:hover så det kun bliver på links'ne i menuen :)
Avatar billede kane Juniormester
10. januar 2003 - 22:51 #7
nu har jeg en
.menu2:link og en
.menu2:hover hvor bg i boxen er ændret

men nu kan den slet ikke se at der er en class menu2......

har også prøvet me a.menu2:link bla bla bla
Avatar billede schaefner Juniormester
10. januar 2003 - 22:54 #8
2 sec. uploader lige et eksempel
Avatar billede kane Juniormester
10. januar 2003 - 22:54 #9
jo nu var den sku der
Avatar billede kane Juniormester
10. januar 2003 - 22:55 #10
jeg måtte flytte den (der er en css link) og atach den igen
Avatar billede kane Juniormester
10. januar 2003 - 22:56 #11
cdc..........du skal have lidt point. smid et svar
Avatar billede schaefner Juniormester
10. januar 2003 - 23:00 #12
Avatar billede kane Juniormester
10. januar 2003 - 23:01 #13
sjovt nok
i dreamweaver kan man ikke se begge menu2, man kan kun se hover typen, så for at rette link til skal jeg ind i selve css filen.

lidt dumt
Avatar billede cdc Novice
10. januar 2003 - 23:05 #14
svarer lige så :o)
Avatar billede cdc Novice
10. januar 2003 - 23:06 #15
.... glemmer det altid
Avatar billede kane Juniormester
10. januar 2003 - 23:06 #16
det glemte du så lige
Avatar billede knudgert Nybegynder
11. januar 2003 - 12:34 #17
>schaefner
Man kan ikke sætte width og height på et et inlineelement som et a-tag er.
Man skal huske at sætte et display: block på, så det bliver lavet om til et blockelement og samtidig vil hele cellen så fungere som link.

Det du har lavet virker ganske vist i IE, men det gør det ikke i andre browsere der fortolker css efter standarden så Mozilla og Opera.
Avatar billede schaefner Juniormester
11. januar 2003 - 15:04 #18
knudgert >> tak for tippet :)
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