Avatar billede nil.dk Nybegynder
19. februar 2001 - 01:23 Der er 6 kommentarer og
1 løsning

Sucker CSS - HASTER

Jeg sidder og roder med noget der SKAL være færdigt inden i morgen tidlig. Sådan skal det vist altid være med mig ;o(

Før jeg kan komme i seng skal jeg have løst et åndssvagt CSS problem.

Hvis nogen kan hjælpe indenfor ikke al for lang tid er der 100 points (det betyder meget for mig).. ellers lukker jeg igen.

Jeg har lavet et website, hvor alle skrifter, forms-elementer etc. er baseret på et eksternt stylesheet.

Mit problem ligger ved links. Jeg har 3 forskellige typer links (udseendemæssigt) og styles\'ne ser ud som følger:

A:link
{
    FONT-SIZE: 70%;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.bund:link
{
    FONT-SIZE: 70%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.brodkrumme:link
{
    FONT-SIZE: 80%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-SIZE: 70%;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.bund:visited
{
    FONT-SIZE: 70%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.brodkrumme:visited
{
    FONT-SIZE: 80%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:active
{
    FONT-SIZE: 70%;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.bund:active
{
    FONT-SIZE: 70%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.brodkrumme:active
{
    FONT-SIZE: 80%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-SIZE: 70%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #000000
}
A.bund:hover
{
    FONT-SIZE: 70%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
A.brodkrumme:hover
{
    FONT-SIZE: 80%;
    COLOR: #FFFFCC;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: underline
}

Problemet er at der kommer den sorte baggrund fra A:hover på de to andres hover også... selvom det kun er på A:hover at der er angivet background-color.
Avatar billede jakoba Nybegynder
19. februar 2001 - 01:29 #1
Kan du angive baggrund på de 2 andre også?

Hvis ikke ku du definere dine
A:
styles som
A.noget:
og så ellers søge igennem alle \"<A \" med en replace til \"<A style=\'noget\' \" klar i replace til de links der ikke er andet.

Hvis det altså er style=\"noget\" :) ikke stiv i CSS.
Under alle omstændigheder et hulens mas.

mvh JakobA
Avatar billede nil.dk Nybegynder
19. februar 2001 - 01:32 #2
jakoba >>

Godt at der var nogen vågne :o)

De andre 2 skal ikke have nogen baggrundsfarve.

Jeg tror jeg vil prøve dit andet forslag... og syntaxen er <A class=\"noget\">
Avatar billede jakoba Nybegynder
19. februar 2001 - 01:38 #3
Det jeg tænkte på er at de allerede HAR en baggrundsfarve. Og hvis så deres :hover satte baggrund til den farve.
Avatar billede nil.dk Nybegynder
19. februar 2001 - 01:40 #4
YES !!!

Respekt. Du har lige reddet min nattesøvn. Jeg satte A:link, A:hover osv. til A.menu:link, A.menu:hover osv... og så virkede det...

Nu skal jeg bare have fat i gode gamle Find and Replace :o)
Avatar billede jakoba Nybegynder
19. februar 2001 - 01:43 #5
Avatar billede nil.dk Nybegynder
19. februar 2001 - 01:47 #6
Avatar billede nikolajdu Nybegynder
19. februar 2001 - 01:57 #7
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