Avatar billede mc.lucifer Praktikant
18. november 2002 - 13:54 Der er 10 kommentarer og
2 løsninger

Css - Hover

Nu vil jeg altså lære det.

Jeg har som mange andre en Css fil, hvor jeg har defineret en Hover og en active osv osv

Men hvordan giver jeg en class en anden form for Hover effekt

hover
    a:link {
    color : Black;
    text-decoration : none;
    background-image : url(foldoutmenu2_arrow.gif);
    background-repeat : no-repeat;
}

a:visited {
    color : Black;
    text-decoration : none;
    background-image : url(foldoutmenu2_arrow.gif);
    background-repeat : no-repeat;
}

a:hover {
    color : Black;
    text-decoration : none;
    background-image: url(foldoutmenu2_arrow_open.gif);
    background-repeat : no-repeat;
    }

a:active {
    color : Black;
    text-decoration : none;
    background-image: url(foldoutmenu2_arrow_open.gif);
    background-repeat : no-repeat;
   
}


body,{
    scrollbar-3dlight-color : #003399;
    scrollbar-arrow-color : #FFFFFF;
    scrollbar-darkshadow-color : #FFFFFF;
    scrollbar-face-color : #F4F4F4;
    scrollbar-highlight-color : #FFFFFF;
    scrollbar-shadow-color : #003399;
    scrollbar-track-color : #FFFFFF;
    text-align : center;
    font : 10px Verdana;
}

.Testimonial
{
font : 10px Verdana;
text-align: Left;
padding-left: 40px;
}

Jeg vil gerne have Testimonial til at have en anden form for Hover effekt

Men hvordan er det jeg skriver det

MC
Avatar billede pelkjaer Nybegynder
18. november 2002 - 14:13 #1
hvis det skal gælde for hele sitet:

a {}
a:hover {}
a:visited {}
osv.

Nu laver vi en class:

.class1 {}
.class1 a {}
.class1 a:hover {}

<a href="#" class="class1">link</a>

and so on
Avatar billede iphase Nybegynder
18. november 2002 - 14:27 #2
a:hover {
    color : Black;
    text-decoration : none;
    background-image: url(foldoutmenu2_arrow_open.gif);
    background-repeat : no-repeat;
    }
Du laver bare om i det der står for oven..

f.eks
text-decoration : underline;
eller
font-weight : bold;
Avatar billede iphase Nybegynder
18. november 2002 - 14:30 #3
.Testimonial:hover
{
text-decoration : underline;
}
Avatar billede mysitesolution Nybegynder
18. november 2002 - 14:31 #4
du skriver således:
dette exsemple er et billede
<img src="billede.jpg" class="et_eller_andet">

og din style:

billede:hover { ting der sker }
Avatar billede mysitesolution Nybegynder
18. november 2002 - 14:31 #5
der skal lige. inden billede ved stylen
Avatar billede mysitesolution Nybegynder
18. november 2002 - 14:32 #6
du skriver således:
dette exsemple er et billede
<img src="billede.jpg" class="et_eller_andet">

og din style:

.billede:hover { ting der sker }
Avatar billede mik789 Nybegynder
18. november 2002 - 22:06 #7
.Testimonial
{
font : 10px Verdana;
text-align: Left;
padding-left: 40px;
}
.Testimonial a
{ styles
}
.Testimonial a:hover
{ styles
}

- altså som pelkjaer allerede har svaret dig
Avatar billede mc.lucifer Praktikant
21. november 2002 - 13:00 #8
Jeg fatter intet af det i forklare mig her, Jeg må åbenbart være dummere end andre folks børn

Jeg har defineret en hover for hele siden

a:link {
    color : Black;
    text-decoration : none;
    background-image : url(foldoutmenu2_arrow.gif);
    background-repeat : no-repeat;
}

a:visited {
    color : Black;
    text-decoration : none;
    background-image : url(foldoutmenu2_arrow.gif);
    background-repeat : no-repeat;
}

a:hover {
    color : Black;
    text-decoration : none;
    background-image: url(foldoutmenu2_arrow_open.gif);
    background-repeat : no-repeat;
    }

a:active {
    color : Black;
    text-decoration : none;
    background-image: url(foldoutmenu2_arrow_open.gif);
    background-repeat : no-repeat;
   
}

Men lige net op denne hoverefekt skal ikke gælde for for et specielt link
Linket ligger i en tabel der har class´en Testimonial i denne class ville jeg så gerne have en anden form for Hover effekt. Hvordan ser min testamonial så ud ?

I kan se med på www.fhc-montage.dk --> Testimonial

MC
Avatar billede mik789 Nybegynder
21. november 2002 - 13:12 #9
Er det denne tabel du mener:

<table>
<tr align="center">
    <td valign="top" class=menu><br>
    <a href="startside.php" target = Sideframe>&nbsp;&nbsp;&nbsp;&nbsp;Tilbage</a><br>
    <a href="firma.php" target = Sideframe>&nbsp;&nbsp;&nbsp;&nbsp;FHC-Rustfri&nbsp;ApS</a><br>
    <a href="" target = Sideframe>&nbsp;&nbsp;&nbsp;&nbsp;Referenceliste</a><br>
    <a href="" target = Sideframe>&nbsp;&nbsp;&nbsp;&nbsp;Projektliste</a><br>
    <a href="" target = Sideframe>&nbsp;&nbsp;&nbsp;&nbsp;Værksted</a><br>
    <a href="kontakt.php" target = Sideframe>&nbsp;&nbsp;&nbsp;&nbsp;Kontakt</a><br>
    <a href="testimonial.php" target = Sideframe>&nbsp;&nbsp;&nbsp;&nbsp;Testimonials</a><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   
   
<div class="visit">
21 November 2002<br>
Du er besøgende nr 96</div>
    </td>
    <td align="right"><iframe class=Sideframe src="Startside.php" name=Sideframe scrolling="auto" frameborder="0"></iframe></td>
</tr>
</table>

Her er ingen class på tabellen, men på den første <td> (dog slal det være class="menu" - du har glemt "").
Avatar billede mc.lucifer Praktikant
21. november 2002 - 13:14 #10
"" Behøves altså ikke

Men det er på siden Testimonial linket
Ønsker du også at skrive en Testimonials så tryk her

Skal ikke have den trekant med

MC
Avatar billede mik789 Nybegynder
21. november 2002 - 13:23 #11
"Skal ikke have den trekant med"

- det har det da heller ikke hos mig. Det er blåt med underline når musen ikke er over det, og sort uden underline når musen er over
Avatar billede mc.lucifer Praktikant
22. november 2002 - 08:46 #12
Ok, Nevermind jeg klare den ved at lave to Css filer
Men mange tak for hjælpen

MC
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