Avatar billede snigeren Nybegynder
26. marts 2004 - 15:59 Der er 10 kommentarer og
1 løsning

Links i html CSS

Hej

Som standard på den html side jeg har lavet er alle links ligesom resten af teksten,.. og når man kører musen henover skifter det bare farve.

Mit problem her er så at jeg skal bruge links på forskellige farver tekst, hvilket vil sige at jeg ikke bare kan nøjes med at vælge i pageproperties at alle links skal være en bestemt farve.

Hvordan kan jeg (sikkert med CSS) lave flere forskellige udseener på links i html.
Det må oxo gerne være sådan at man kan vælge båede underline links og links uden underline. Eller links i bold osv. Men i første omgang skal jeg bare bruge flere forskelligfarvede links, båede mouseover farven og passiv farven.

Hilsen
Snig
Avatar billede nute Nybegynder
26. marts 2004 - 16:05 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
    a.linktype1{color:red;text-decoration:overline;}
    a.linktype1:hover{color:black;text-decoration:underline;}
    a.linktype2{color:green;text-decoration:none;}
    a.linktype2:hover{color:blue;text-decoration:underline overline;}
    a.linktype3{font-size:24px;color:yellow;text-decoration:none;}
    a.linktype3:hover{font-size:8px;color:blue;text-decoration:underline overline;}
    a{color:black;font-size:12px;font-family:verdana;}
    a:hover{text-decoration:overline underline}
    </style>
</head>

<body>
<a href="#" class="linkType1">LinkType1</a><br><br>
<a href="#" class="linkType2">LinkType2</a><br><br>
<a href="#" class="linkType3">LinkType3</a><br><br>
<a href="#">LinkType4</a><br>
</body>
</html>
Avatar billede roenving Novice
26. marts 2004 - 16:06 #2
Du kan sætte en class på dine links:

<a href="noget" class="hvideLinks">Noget</a>

-- det skrives i stylesheet så sådan:

.hvideLinks{
  color:white;
}

Du kan også gruppere dem inde i omkringliggende elementer, f.eks.

<div id="menu">
<a href="noget"Noget</a>
</div>

-- det skal i dit stylesheet se således ud:

#menu a{
  color:white;
}

-- håber dette _meget_ korte indlæg kan hjælpe dig videre !-)
Avatar billede snigeren Nybegynder
26. marts 2004 - 17:11 #3
super,.. jeg ser lige på det senere har lige lidt travlt =)

men det ser ritti´ fint ud

/Snig
Avatar billede snigeren Nybegynder
26. april 2004 - 14:21 #4
hmm man kan jo oxo lige glemme et spørgsmål,...

eksemplerne er i helt i top, men nute var jo lige 40 sekunder hurtigere end roenving =)

Sååee nute hit med et svar så du ka få lidt points =)

/Snig
Avatar billede nute Nybegynder
26. april 2004 - 14:24 #5
*svar*
Avatar billede snigeren Nybegynder
26. april 2004 - 14:29 #6
lige hurtigt nok der - stadig en kommentar =)
Avatar billede nute Nybegynder
26. april 2004 - 14:30 #7
hmf

;o]
Avatar billede snigeren Nybegynder
26. april 2004 - 14:31 #8
øhm ved du tilfældigvis hvordan man laver en tekst/link nederst i højre hjørne af html-siden som altid befinder sig der uanset hvordan man resizer vinduet?

/Snig
Avatar billede snigeren Nybegynder
26. april 2004 - 14:32 #9
jeg har prøvet med en tabel i 100% height og en i 100% width men hvis jeg har en i 100% height bliver linket skubbet langt ned
Avatar billede nute Nybegynder
26. april 2004 - 15:13 #10
tja ... her er et eksempel:

http://js-x.com/javascript/?view=182
Avatar billede snigeren Nybegynder
26. april 2004 - 15:22 #11
hmm er ikke helt sikker på jeg kan bruge det,.. hvis man laver et meget lille vindue kommer det logo jo til at ligge oven i resten af indholdet,..

well jeg tror bare jeg placerer det et fast sted på siden. Men tak for linket =)
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
Kurser inden for grundlæggende programmering

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