Avatar billede SiaJ Nybegynder
21. april 2011 - 19:31 Der er 9 kommentarer og
1 løsning

To styles i et a:link

Hej,

Jeg har et link som indeholder en overskrift og en underoverskrift, som jeg gerne vil have reagere forskelligt på mouse-over.

Men jeg ved ikke hvordan jeg skal style dette, som ren tekst - og om det overhoved kan lade sig gøre - da jeg helst vil undgå at lave det om til et billede.

Eksempel:
<div id="menutxt">
<a href="#"> <h1>xxxx</h1> <h2>xxx</h2> </a>
</div>

---

Både H1 og H2 skal have ens farvet tekst, og ved mouse-over skal kun H2 ændre farve.

Nogen der ved hvordan jeg kan gøre dette?
Avatar billede danco Nybegynder
21. april 2011 - 19:36 #1
Kan du ikke bare bruge:

a h2:hover {
    //styles here
}
Avatar billede SiaJ Nybegynder
21. april 2011 - 19:44 #2
Du har ret... men så reagere den kun når musen rammer <h2>xxx</h2>, men jeg vil gerne have den ser det hele som en boks, så selvom den kun rammer H1, skal H2 reagere.

Giver det mening?
Avatar billede danco Nybegynder
21. april 2011 - 19:53 #3
Så lyder det som om det ville være smartere at ligge en division udenom hver boks og så style på den i stedet for.
Avatar billede SiaJ Nybegynder
21. april 2011 - 19:56 #4
Jeg har fået det løst - og tildeler pointene til dig, fordi du fik mig på rette vej :) tak (skal bare lige huske hvordan jeg tildeler dem til dig)
Avatar billede danco Nybegynder
21. april 2011 - 20:00 #5
Jeg er glad for at kunne hjælpe ...

Du lukker spørgsmålet (og giver mig point) ved at accepterer dette svar.
Avatar billede SiaJ Nybegynder
21. april 2011 - 20:01 #6
Du skal åbenbart lægge et svar, før jeg kan gøre det :)
Avatar billede danco Nybegynder
21. april 2011 - 20:09 #7
Tak for point ;)
Avatar billede wanze Nybegynder
22. april 2011 - 02:12 #8
Jeg ved, at problemet er løst, men det lyder som om du har gjort det på en ret alternativ måde. Hvis du smider denne CSS-kode på din nuværende HTML, så tror jeg du vil opnå, det du søger. Forhåbentlig på en nemmere måde, en det du har gjort nu.

div#menutxt a:hover h1 {
  background: #ff0;
}
div#menutxt a:hover h2 {
  background: #f0f;
}
Avatar billede danco Nybegynder
22. april 2011 - 12:50 #9
Wanze ;
Bare nysgerrig...

Men hvor i adskiller dit forslag sig fra det jeg nævnte som en mulighed?
Avatar billede gadensgaard Nybegynder
23. april 2011 - 10:14 #10
danco - du styler på a h2:hover. wanze styler på a:hover h2.

Dvs din style rammer h2 når der er hover på h2. wanzes rammer på h2 når der er hover på den omkringliggende a.
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