Notifikationer

Markér alle som læst Log ud

xbobby Nybegynder

21. marts 2005 - 08:02 Der er 5 kommentarer og
1 løsning

Flere forskellige links på samme side.

Hvordan skal jeg lave kode i min fil "style.css" når jeg ønsker at have en slags link til min menu og en slags link til min brødtekst?

Hvad siger eksperterne?

Synes godt om

nickyc Nybegynder

21. marts 2005 - 08:28 #1

fx.

a:link {color: red; text-decoration: none; }
a:visited {color: red; text-decoration: none; }
a:hover { color: red; text-decoration: none; }
a:active { color: red; text-decoration: none; }

a.donkey:link {color: red; text-decoration: none; }
a.donkey:visited {color: purple; text-decoration: none; }
a.donkey:hover {color: orange; text-decoration: underline; }
a.donkey:active {color: blue; }

Synes godt om

xbobby Nybegynder

21. marts 2005 - 08:59 #2

Jeg kan ikke få det til at fungere, der må være en fekl 40 et sted :-)

Gider du lige se hvad det er som jeg gør galt?

____________________________________________________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>

a:link {color: red; text-decoration: none; }
a:visited {color: red; text-decoration: none; }
a:hover { color: red; text-decoration: none; }
a:active { color: red; text-decoration: none; }

a.donkey:link {color: purple; text-decoration: none; }
a.donkey:visited {color: read; text-decoration: none; }
a.donkey:hover {color: orange; text-decoration: underline; }
a.donkey:active {color: purple; }
</style>

<title>Untitled Document</title>
</head>

<body>
<table width="100" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="donkey"><a href="#">Menulink</a></td>
<td><a href="#">Brødlink</a></td>
</tr>
</table>

</body>
</html>

Synes godt om

nickyc Nybegynder

21. marts 2005 - 09:10 #3

prøv at smid donkey linksene over a:link og det

Synes godt om

nickyc Nybegynder

21. marts 2005 - 09:14 #4

hov, nej...

lav din class på dit link i stedet..
<a href="#" class="donkey">text</a>

Synes godt om

xbobby Nybegynder

21. marts 2005 - 11:01 #5

Selvfølig class skulle ligge på linket!

Tak for hjælpen der er ponit på vej :-)

Synes godt om

roenving Novice

22. marts 2005 - 00:15 #6

-- og den nemmere metode er faktisk at gøre som du startede med, men lave style en anelse anderledes:

<style type="text/css">

a:link {color: red; text-decoration: none; }
a:visited {color: red; text-decoration: none; }
a:hover { color: #f99; text-decoration: none;}
a:active { color: red; text-decoration: none; }

.menu a:link {color: purple; text-decoration: none; }
.menu a:visited {color: green; text-decoration: none; }
.menu a:hover {color: orange; text-decoration: underline; }
.menu a:active {color: purple; }

.aktiv{background-color:black;}
</style>

<div class="menu">
<a href="#">Menulink</a><br>
<a href="#">Menulink</a><br>
<a href="#">Menulink</a><br>
<a href="#">Menulink</a><br>
</div>

<div class="ikkemenu">
<a href="#">Ikke link i menu</a><br>
<a href="#">Ikke link i menu</a><br>
<a href="#">Ikke link i menu</a><br>
<a href="#">Ikke link i menu</a><br>
</div>

<div class="aktiv menu">
<a href="#">Menulink</a><br>
<a href="#">Menulink</a><br>
<a href="#">Menulink</a><br>
<a href="#">Menulink</a><br>
<a href="#">Menulink</a><br>
</div>

-- så vil alle links, som ligger inde i elementer med class menu have andre farver end rød !-)

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