Avatar billede steen_hansen Forsker
04. juni 2002 - 12:34 Der er 17 kommentarer og
1 løsning

CSS-problem

Jeg har nogle links, hvor baggrunden er lys, og dermed skal der bruges mørke links. Et andet sted på samme side er baggrunden mørk, og der vil jeg have lyse links. Kan det lade sig gøre?

Husk på:
1. Hvor der skal være lyse links, skal font-størrelsen være 10 px.

2. Hvor der skal være sorte links, skal font-størrelsen være 11 px.

3. Alle links skal ved A:hoover have en TEXT-DECORATION: underline;

Jeg fik nogle svar i går, men her blev de links, som skulle være sorte, hvide. Og det gør sig ikke så godt i en hvid <BODY> :o/
Avatar billede xyborx Nybegynder
04. juni 2002 - 12:38 #1
Så skal du vel bare ændre lidt i farverne. Kan du ikke lige smide CSS'en, der ikke virker, her, så kan jeg prøve at se på det ;)
Avatar billede steen_hansen Forsker
04. juni 2002 - 12:42 #2
A
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
A:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
A:hover.lys
{
    COLOR: #FFFF00;
    TEXT-DECORATION: underline;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
Avatar billede xyborx Nybegynder
04. juni 2002 - 12:46 #3
Har fundet fejlen, der stod COLOR: #FFFFFF; nogle forkerte steder. Det skulle bare slettes.

A
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
A:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
A:hover.lys
{
    COLOR: #FFFF00;
    TEXT-DECORATION: underline;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
Avatar billede xyborx Nybegynder
04. juni 2002 - 12:51 #4
Og her er der taget højde for skriftstørrelserne (så sorte links er størrelse 11), og det er gjort lidt mere simpelt:

A
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 11px
}
A:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.lys
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
A:hover.lys
{
    COLOR: #FFFF00;
    TEXT-DECORATION: underline;
}
Avatar billede xyborx Nybegynder
04. juni 2002 - 12:54 #5
Doh! Fandt lige en anden fejl... NU er sorte links sorte... ;o)

A
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 11px
}
A:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.lys
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
A:hover.lys
{
    COLOR: #FFFF00;
    TEXT-DECORATION: underline;
}
Avatar billede steen_hansen Forsker
04. juni 2002 - 12:54 #6
Hm, så er de sorte links blevet hvide? Men det er NÆSTEN rigtigt :o)
Avatar billede steen_hansen Forsker
04. juni 2002 - 12:55 #7
Ok, 2 sek..
Avatar billede steen_hansen Forsker
04. juni 2002 - 12:56 #8
Min nye bedste ven :o)

Tak for hjælpen, det kører bare :o)
Avatar billede xyborx Nybegynder
04. juni 2002 - 13:02 #9
Hehe.. Ja, sådan kan det gå... :o)
Takker for point
Avatar billede zob Nybegynder
04. juni 2002 - 13:05 #10
Undskyld jeg spørger... men hvordan skal man skrive det der hvor Man linker? skal man bruge class osv.
Avatar billede xyborx Nybegynder
04. juni 2002 - 13:14 #11
De links der skal passe til A.lys og A:hover.lys i CSS'en:
<A class="lys" href="e-eller-anden-side.htm">klik</A>

De andre links skal ikke have nogen class
Avatar billede xyborx Nybegynder
04. juni 2002 - 13:16 #12
Du behøver ikke sige "Undskyld jeg spørger". Eksperten.dk er lavet for folk der har spørgsmål, og folk der kan lide at svare ;)
Avatar billede zob Nybegynder
04. juni 2002 - 13:17 #13
ok jeg prøvede med
<A href="e-eller-anden-side.htm" class="lys">klik</A>
og der komme SAMMe resultat :)
Så det kan man også.. det andet ser bare bedre ud :)
Avatar billede zob Nybegynder
04. juni 2002 - 13:17 #14
Ja.. du har ret :)
Avatar billede xyborx Nybegynder
04. juni 2002 - 13:17 #15
hehe :o)
Avatar billede zob Nybegynder
04. juni 2002 - 13:19 #16
jeg har lige add'et dig icq :)
Avatar billede xyborx Nybegynder
04. juni 2002 - 13:21 #17
Det er bare i orden ;)
Desværre er jeg i skole nu, og firewallen fjerner alt hvad der hedder icq :(
Avatar billede xyborx Nybegynder
04. juni 2002 - 13:24 #18
... Men bare vent til jeg kommer hjem..!!
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