Avatar billede rd Nybegynder
06. juni 2002 - 10:57 Der er 10 kommentarer og
1 løsning

CSS Class

Hvis jeg nu har nogle links som skal se anderledes ud, jeg har givet det dem verdien class="document" hvordan kan jeg så give den en Hover effekt ?

<style type"text/css">
a.document {

\\ hvad skal jeg skrive her for at give dem hover
\\ effekten ?
}
</style>
Avatar billede tipsen Nybegynder
06. juni 2002 - 10:58 #1
a.document:hover {
  styles
}
Avatar billede angel_seraphiel Nybegynder
06. juni 2002 - 11:16 #2
Du kan vist også bruge denne i HEAD

<style>
A:link {text-decoration: none; color: 000000;}
A:visited {text-decoration: none; color: 000000;}
A:active {text-decoration: none; color: 000000;}
A:hover {text-decoration: none; color: FFFFFF;}
</style>
Avatar billede Slater Ekspert
06. juni 2002 - 11:43 #3
heheh,, ingen af ovenstående svar ar korrekt, men hvis man blander dem sammen giver de netop det han bad om... Skummelt :-)
Avatar billede angel_seraphiel Nybegynder
06. juni 2002 - 11:49 #4
Jeg er lost.. :D
Avatar billede xyborx Nybegynder
06. juni 2002 - 12:00 #5
Er det her hvad du har brug for?

<style type"text/css">
a:hover.document {
text-decoration: none;
// ^ Eksempel. Indsæt de effekter du vil have
}
</style>
Avatar billede tipsen Nybegynder
06. juni 2002 - 12:42 #6
hvis man har:

a.document:hover {
  //styles som skal bruges ved hover
}

i et stylesheet og skriver:

<a href="blabla" class="document">blablalink</a>

så fungerer det da som ønsket!

viperine: Hvad er det lige som ikke er korrekt!?
Avatar billede Slater Ekspert
06. juni 2002 - 13:48 #7
tipsen>> Ikke direkte ukorrekt, men han beder også om css-kode.
Avatar billede tipsen Nybegynder
06. juni 2002 - 14:08 #8
ok - det havde jeg ikke lige overvejet - jeg troede det var et spørgsmål om at få syntaxen til klassen korrekt - en passende hover-effekt er jo meget subjektiv og afhængig af det øvrige layout...
Avatar billede rd Nybegynder
06. juni 2002 - 19:48 #9
Jeg skal have Mouse on over effekt (hover) på min det element (i dette tilfælde et link) Linket skal være anderledes end de andre.
Og det bliver den ikke i angel_seraphiel SVAR....... Jeg prøver lige de andre, en af jer skal nok få point !!!
Avatar billede nikolajdu Nybegynder
06. juni 2002 - 19:55 #10
Umiddelbart vil jeg foreslå jer at brge et andet navn end "document" - DEt er et reserveret ord i javascript.

/Nikolaj
Avatar billede pato Nybegynder
10. juni 2002 - 13:43 #11
Stylesheet med en class på et link:

A.clsWebHref
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #003366;
    FONT-FAMILY: Arial, Helvetica, Verdana;
    TEXT-DECORATION: none
}
A.clsWebHref:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #003366;
    FONT-FAMILY: arial, helvetica, Verdana
}
A.clsWebHref:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial, helvetica, Verdana
}
A.clsWebHref:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: arial, helvetica, Verdana
}
A.clsWebHref:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial, helvetica, Verdana
}


linket med classen:

<a class="clsWebHref" href="webadresse">LINK</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