Notifikationer

Markér alle som læst Log ud

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/

Synes godt om

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 ;)

Synes godt om

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
}

Synes godt om

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
}

Synes godt om

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;
}

Synes godt om

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;
}

Synes godt om

steen_hansen Forsker

04. juni 2002 - 12:54 #6

Hm, så er de sorte links blevet hvide? Men det er NÆSTEN rigtigt :o)

Synes godt om

steen_hansen Forsker

04. juni 2002 - 12:55 #7

Ok, 2 sek..

Synes godt om

steen_hansen Forsker

04. juni 2002 - 12:56 #8

Min nye bedste ven :o)

Tak for hjælpen, det kører bare :o)

Synes godt om

xyborx Nybegynder

04. juni 2002 - 13:02 #9

Hehe.. Ja, sådan kan det gå... :o)
Takker for point

Synes godt om

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.

Synes godt om

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

Synes godt om

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 ;)

Synes godt om

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 :)

Synes godt om

zob Nybegynder

04. juni 2002 - 13:17 #14

Ja.. du har ret :)

Synes godt om

xyborx Nybegynder

04. juni 2002 - 13:17 #15

hehe :o)

Synes godt om

zob Nybegynder

04. juni 2002 - 13:19 #16

jeg har lige add'et dig icq :)

Synes godt om

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 :(

Synes godt om

xyborx Nybegynder

04. juni 2002 - 13:24 #18

... Men bare vent til jeg kommer hjem..!!

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS