Avatar billede sasso Novice
03. juli 2007 - 22:41 Der er 16 kommentarer og
1 løsning

Links med forskellig værdi

Det her er ganske givet banalt, men jeg er i dén grad kørt fast i det. Derfor dette skrig på hjælp.
Jeg er ved at lave en side, hvor jeg 'includer' to forskellige filer - begge med en CSS-fil tilknyttet. Det indebærer, at menuen har ikke-understregede links, mens brødteksten/indholdssiden har understregede links.
Problemet er, at alle links opfører sig som i menuen - altså uden understregning. Hvordan holder man tingene hver for sig? (Jeg har forsøgt mig med at definere alle links som en class, men desværre uden virkning.
Nogen bud på en løsning?
Avatar billede erikjacobsen Ekspert
03. juli 2007 - 22:46 #1
Du kan definere den ene slags links som een class, og den anden slags som en anden class.
Avatar billede sasso Novice
03. juli 2007 - 22:48 #2
Jah, men jeg vil gerne undgå at skulle definere alle links på indholdssiderne som en class. Er det muligt at lave de forskellige 'a:hover' 'a:visited' osv. i en almindelig div-tag på menu-filen? Det vil løse problemet en gang for alle, fordi jeg så kan definere alle de normale links i css-filen?
Avatar billede erikjacobsen Ekspert
03. juli 2007 - 23:02 #3
Hvis den ene slags a-tags alle ligger inden i en fast struktur, fx.:

<div id="div1"> ... </div>

Kan du tildele dem, og kun dem, en style:

div#div1 a { color: red }
Avatar billede sibbelone Nybegynder
03. juli 2007 - 23:25 #4
eksempel på style sheet
a.main {
    height: 14px;
    display: inline;
    color: #444;
    font-size: 11px;
    text-decoration: none;
    }

a.main:hover {    
    display: inline;
    font-size: 11px;
    color: #f90;
    text-decoration: none;}

a.menu {
    height: 14px;
    display: inline;
    color: #91a9c3;
    font-size: 11px;
    text-decoration: underline;
    }

a.menu:hover {    
    display: inline;
    font-size: 11px;
    color: #f90;
    text-decoration: underline;}
   
og derefter kalder du dem bare
<a href="sti.php" class="main">Link 1</a>
<a href="sti.php" class="menu">Link 1</a>

Du skal lieg være klar over at hvis man vil have to forskellige links der er styret med css skal alle links have den der class="main" eller dutter det ikke
Avatar billede sasso Novice
03. juli 2007 - 23:41 #5
@Erik J
Det ser rigtig fint ud, fordi det kun er links i menuen, der jo står i rækkefølge sammen, der skal have netop dén formatering. Udfordringen er så, hvordan jeg skriver a:hover-delen ind på siden. (Jeg vil gerne have dem til at gøre som på www.cryo.dk.
På samme side vil jeg så gerne have understreget de almindelige links, der lige nu gør som menuen.

@Sibbelone
Ja, det er jo netop det, jeg synes, at jeg har forsøgt mig med. Det spiller bare ikke for mig... (Prøver lige igen - :o) )
Avatar billede erikjacobsen Ekspert
03. juli 2007 - 23:46 #6
Hvis vi fortsætter med mit eksempel så:

div#div1 a:hover { color: red }
Avatar billede sasso Novice
04. juli 2007 - 00:18 #7
Jeps! Det virker. Tak for det. :o)
Kan jeg lokke dig til at kaste et svar i min retning?

>>>>>>>>>>>>>>>>>>>>>>>>>
PS Måske kan du svare på et lille bonusspørgsmål:
Hvorfor bliver almindelige links ved med at være blå (Se f.eks. på http://www.cryo.dk/visit.php), selv om jeg har bedt om den rigtige farve?:

a {
    text-decoration:underline;
    color:#800000;
}
a:visited {
    text-decoration:underline;
    color:#800000;
}
a:active {
    text-decoration:underline;
    color:#800000;
}

a:hover {
    background-color:#800000;
    color:#FFFFFF;
    font:bold;
}
Avatar billede erikjacobsen Ekspert
04. juli 2007 - 00:23 #8
Du har nok en syntaksfejl i din css-fil.
Jeg samler slet ikke på point, tak.
Avatar billede sasso Novice
04. juli 2007 - 10:06 #9
Tjah, aner det ikke... Nu virker det i hvert fald i IE, mens jeg stadig har blå links i Firefox. Mærkeligt, men ikke en katastrofe. :o) Tak for endnu en god gang assistance. Ærgerligt, at man kun kan give dig karma én gang. :o)
Avatar billede sibbelone Nybegynder
04. juli 2007 - 10:43 #10
prøv at sætte display : inline; på så tror jeg den er der i firefox

a:active {
    display : inline;
    text-decoration:underline;
    color:#800000;
}
Avatar billede sibbelone Nybegynder
04. juli 2007 - 10:48 #11
det kan også være din instilling af firefox der er noget galt med

gå ind i funktioner/indstillingerfanebladet indhold og tryk på farver og sæt tjek i tillad sider at vælge egnee farve i stedet for mine valg
Avatar billede sasso Novice
04. juli 2007 - 10:59 #12
Lyder rigtig spændende! Glæder mig til at komme hjem at forsøge mig lidt frem. :o) Hvis det virker, må du MEGET gerne få de point, jeg ikke kunne komme af med tidligere. :o)
Avatar billede sasso Novice
04. juli 2007 - 22:27 #13
Desværre ingen held. Det eneste, der undrer mig, er, at det tilsyneladende kun er det almindelige ubesøgte blå link, der ikke følger reglerne i css, og bliver blå.
Mystisk. :o/
Avatar billede erikjacobsen Ekspert
05. juli 2007 - 00:31 #14
Du har stadigvæk den syntaksfejl i toys4africa.css. I firefox kan du direkte se dine CSS fejl i javascript-konsol, eller fejlkonsol (hedder forskelligt i forskellige versioner). Ellers kan du validere din CSS hos http://w3.org  - det er noget med en } for meget.
Avatar billede roenving Novice
05. juli 2007 - 05:40 #15
-- og så skal det da tilføjes, at der også er en fejl i rækkefølgen af pseudo-selektorerne, som kun har een gyldig rækkefølge:

a
a:link
a:visited
a:hover
a:active
Avatar billede sasso Novice
05. juli 2007 - 17:33 #16
Fantastisk, nu virker det. Hvor jeg bare elsker eksperten! :o) Nu mangler vi bare at få flyttet siden over på cms'en, så går vi i luften på www.toys4africa.dk. Tusind tak for indsatsen til alle!
/Sasso
Avatar billede sasso Novice
06. juli 2007 - 00:35 #17
Roenving>> Jeg vil gerne give dig pointene (erik er jo som nævnt ovenfor uinteresseret.) Opretter meget gerne et spørgsmål, så du kan få dem.
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