Avatar billede crunch Nybegynder
15. november 2000 - 23:55 Der er 19 kommentarer og
1 løsning

stylesheet: A:hover og definet klasse...

hej

hvordan får jeg min .r {  color: #CC3300  }
til at medtage min A:hover effekt med ? ? ?



<style type=\"text/css\">
<STYLE>A:hover {color: #000000; font-weight: bold} </STYLE>
<style fprolloverstyle>A:hover {color: #CCCCCC;}
.overskrifter {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.broedtekst {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
.r {  color: #CC3300  }
</style>

Avatar billede drean Nybegynder
15. november 2000 - 23:57 #1
Du kan bare bruge hover på din .r klasse

.r:Hover {color: #000000; font-weight: bold}
Avatar billede crunch Nybegynder
16. november 2000 - 00:06 #2
nej det dur ikke... i så fald mister linket sin farve (rød)
Avatar billede drean Nybegynder
16. november 2000 - 00:09 #3
Skal den bare blive FED når man kører musen over ?? så brug:

.r {color: #CC3300;}
.r:Hover {font-weight: bold;}
Avatar billede lip Nybegynder
16. november 2000 - 10:14 #4
Hej crunch

Jeg har lavet et lille eksempel til dig.
Og stillet det pænt op, så man kan overskue.
En god ting som jeg altid gør er at gemme mine style sheet i en fil for sig selv og derefter hente dem ind i de sider hvor jeg skal bruge dem.

Din style sheet fil kunne se således ud;

A:hover        {color: #000000; font-weight: bold}
A:hover        {color: #CCCCCC;}

.overskrifter  {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px
                }

.broedtekst    { 
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10pt
                }
               
.r.link        { color: #CC3300;}
.r:visited      { color: #CC3300;}
.r.active      { color: #CC3300;}
.r:hover        { color: #CCCCCC;} 
Hvis du gemmer filen som styl.css

Derefter henter du den ind på de sider i headeren hvor du vil benytte nogle af de defineret stylesheet
    <link rel=\"stylesheet\" href=\"styl.css\">

Håber det hjalp
Avatar billede lip Nybegynder
16. november 2000 - 10:15 #5
Nu skete der et eller andet så ikke blev så pænt alligevel, men du kan evt. lige selv rette linjerne til.
Avatar billede crunch Nybegynder
16. november 2000 - 10:35 #6
ingen af jeres svar virker... (i IE 5)

):

altså nu ser det sådan ud:

<STYLE>A:hover {color: #000000;} </STYLE>
<style fprolloverstyle>A:hover {color: #CCCCCC;}
.overskrifter {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.broedtekst {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
.r {  color: #CC3300  }
</style>


Det som stylesheetet gør på nuværende tidspunkt er at lave alle link hvide med en grå rollover farve..

numindre...

man kan definere et link som klassen r. isåfald bliver linket rødt... Problem:
Jeg kan ikke få en grå roll over farve på dette !


Avatar billede lip Nybegynder
16. november 2000 - 10:56 #7
.r:hover {color: #CCCCCC;}
Prøv dette
Avatar billede crunch Nybegynder
16. november 2000 - 11:06 #8
desværre.. det virker ikke...
Avatar billede lip Nybegynder
16. november 2000 - 11:13 #9
Okay, prøv dette her

a.r:link      {color:#CC3300;}
a.r:visited  {color:#CC3300;}
a.r:active    {color:#CC3300;}
a.r:hover    {color:#CCCCCC;}
Og du skal stadigvæk referere til r
Avatar billede crunch Nybegynder
16. november 2000 - 11:23 #10
desværre.. så forsvinder den røde farve fra det ikke aktive link.
Avatar billede lip Nybegynder
16. november 2000 - 11:30 #11
Sig mig -
Skal dit link ikke være rødt som alm link, aktivt og besøgt
og som mouseover gråt.??
Avatar billede crunch Nybegynder
16. november 2000 - 11:34 #12
ja præcis. !
Avatar billede lip Nybegynder
16. november 2000 - 11:36 #13
Hvad skriver du så i din kode, må jeg se din reference?
Avatar billede lip Nybegynder
16. november 2000 - 11:43 #14
Nåå, nu tror jeg at jeg ved hvad der går galt

Du skal ovså have
.r          {color:#CC3300}
.r:link    {color:#CC3300;}
.r:visited  {color:#CC3300;}
.r:active  {color:#CC3300;}
.r:hover    {color:#CCCCCC;}

Avatar billede crunch Nybegynder
16. november 2000 - 11:44 #15
ja men det er lidt noget rod (jeg laver det via dreamweaver 3.0)

<br>
</u></font><u><span class=\"2link\"><img src=\"pil-r.gif\" width=\"30\" height=\"11\"><a href=\"brugskust.asp\"><span class=\"r\">BRUGSKUNST</span></a></span></u></b><br>
<b><u><a href=\"maanedens.asp\"><br>
</a></u></b><a href=\"m%E5nedens.asp\"><u><font class=\"overskrifter\"><b> M&AElig;RKEVARE<br>
&amp; TILBUD</b></font></u></a><u><font class=\"overskrifter\"><b><br>
<br>
Avatar billede crunch Nybegynder
16. november 2000 - 11:49 #16
nej desværre virker stadig ikke....
Avatar billede lip Nybegynder
16. november 2000 - 11:57 #17
Okay
Det her virker
HVis du sletter din <span class=\"r\"></span>
og sætter følgende i din a href
<a class=\"r\" href=\"brugskust.asp\">BRUGSKUNST</a>

Så funker det.
Avatar billede crunch Nybegynder
16. november 2000 - 12:10 #18
ja det gør så !
HuRrrAAA! (glædes udråb)
( :
Avatar billede crunch Nybegynder
16. november 2000 - 12:11 #19
tak for hjælpen
Avatar billede lip Nybegynder
16. november 2000 - 12:33 #20
You welcome!
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