Lite problem med CSS

[g0mpen]

Har et lite problem med CSS... Jeg har to forskjellige klasser, en for vanlig tekst og en for linker. De er forholdsvis like bare at "linker" skal få underline ved hover. Problemet er at det ser ut som all teksten bruker den samme stilklassen, slik at alt innhold får underline

 

p.text {margin: 3px 3px 3px 3px;
color: #333333;
font-family: Times New Roman;
}
A {
text-decoration: none;
}
A:link {
color: #333333;
}
A:visited {
color: #333333;
}
A:hover {
color: #666666;
}
A:active {
color: #333333;
}
p.links {color: #333333;
font-family: Times New Roman;
}
A {
text-decoration: none;
}
A:link {
color: #333333;
}
A:visited {
color: #333333;
}
A:hover {
color: #333333;
text-decoration: underline;
}
A:active {
color: #333333;
}

 

Hva er det som er galt med denne koden?

 

Takker for svar

[g0mpen]

Ser nå at koden motsier seg selv i den ene klassen, har det noe med saken å gjøre kanskje?

 

Edit: Nei.

Endret 13. august 2004 av g0mpen

[Haraldson]

Jeg skjønner ikke helt hva du har rotet med her...

 

Du har "A" to ganger, helt likt? (Bruk for øvrig små bokstaver...)

Du vil ha underline på vanlig tekst på :hover? Hvor er det du vil hen?

[Lungemannen]

Hvorfor ikke gjøre slik:

 

 

A:hover {

color: #666666; color: #333333; text-decoration: underline;

}

 

Da blir det litt mer oversiktlig

[g0mpen]

Har altså to klasser. Den ene skal jeg bruke på linker, slik at de får underline. Problemet er at nå får all teksten underline, selv om vanlig tekst egentlig skal bruke den andre klassen, som er uten underline...

[Haraldson]

Vel... vanligvis definerer man hvordan <p> ser ut, og hvordan <a> ser ut. Jeg skjønner ikke hvorfor du roter med flere <a>-stiler? Du trenger ikke det.

[g0mpen]

Kan du skrive koden om for meg da? Jeg har ikke helt peiling, men det så ut som om det virket før jeg la til underline på den ene klassen

 

Fargen på teksten skal altså være #333333, fonten Times New Roman, margin 3 3 3 3, men ved linker skal det komme underline.

Endret 13. august 2004 av g0mpen

[Haraldson]

p {
margin:3px;
color: #333;
font-family: "Times New Roman", serif;
}

a:link {
text-decoration: none;
}

a:visited {
color: #333;
}

a:hover {
color: #666;
text-decoration: underline;
}

a:active {
color: #333;
}

 

Dette får bli dagens unntak.

[g0mpen]

Tusen takk!

 

Edit: Nå er det underline hele tiden, ikke bare på hover. Det er iallefall ikke mer underline på den vanlige teksten, og koden i seg selv er jo mye mer oversiktlig.

Endret 13. august 2004 av g0mpen

[Haraldson]

Har du noe annet i koden som kan forårsake dette?

[g0mpen]

Nei, tror ikke det

[Haraldson]

Var det mulig å få se noe kildekode, både HTML og CSS?

 

Jeg legger meg nå, så dette får bli i morra

[Cucum(r)]

* { text-decoration: none; }

[loketing]

tror a:visited automatisk legger til text-decoration: underline, hvis det ikke er skrevet annerledes. mulig det er de linkene du har "prøvd ut" som har underline..? prøv å legg til "text-decoration: none" på a:visited, se om det går..?

 

mulig det var det SirIce mente..?

[Klette]

SirIce sin kode setter text-decoration til none på alle elementer med mindre det er gitt at det enkelte elementet skal ha det.

 

Bare kjør den koden in i css fila / kodeområde

[Simon Zimmermann]

text-decoration: underline; er og har alltid været default!

[Haraldson]

text-decoration: underline; er og har alltid været default!

Say wha?

[halvardm]

Hvis du har linkene dine på forskjellige div'er så er jo det simpelt.

Da tar du bare div "id'en" forann a:link

 

#tekst a:link {
color: #333;
}

#meny a:link {
color: #666;
}

[g0mpen]

Virker ikke...

 

I firefox har den vanlige teksten fortsatt underline på hover, mens linkene har underline hele tiden. I explorer har bare linkene underline, men også der har linkene underline hele tiden, og ikke bare på hover.

[Haraldson]

Var det mulig å få se noe kildekode, både HTML og CSS?

Jeg quoter meg selv...