Notifikationer

Markér alle som læst Log ud

fronk Nybegynder

14. maj 2002 - 15:08 Der er 3 kommentarer og
1 løsning

Link opsætning i Stylesheets

Jeg har en side hvor jeg gerne vil have 2 forskellige måder link opfører sig på.

Et link i venstre side. som bliver rød når man fører musen over det (skal være tekst link) og et link i højre side som bliver understreget når man kører musen over det.
Det skal laves i stylesheet, så det opfører sig ens på alles pc/skærme

Synes godt om

fronk Nybegynder

14. maj 2002 - 15:11 #1

Jeg plejer at bruge dette, men det er bare gennerelt så det er alle links på siden som bliver understreget.

A:visited
{color: 000000;
text-decoration: none}

A:link
{color: 000000;
text-decoration: none}

A:active
{color: 000000;
text-decoration: none}

A:hover
{color: 000000;
text-decoration: underline}

Synes godt om

hells Nybegynder

14. maj 2002 - 15:13 #2

Brug classes:
a.roed {
color: #ff0000;
text-decoration: underline;
}

a.understreg{
color: #000000;
text-decoration: none;
}

<a href="side.html" class="roed">Tekst</a>

Synes godt om

lyhr007 Nybegynder

14. maj 2002 - 15:14 #3

a:link {
color : #000000;
font-family : verdana, arial, sans-serif;
font-weight : normal;
font-size : 12px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
}
a:active {
color : #000000;
font-family : verdana, arial, sans-serif;
font-weight : normal;
font-size : 12px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
}
a:visited {
color : #000000;
font-family : verdana, arial, sans-serif;
font-weight : normal;
font-size : 12px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
}
a:hover {
color : #777777;
font-family : verdana, arial, sans-serif;
font-weight : normal;
font-size : 12px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
}
.button a:link {
color : #eeeeee;
font-family : verdana, arial, sans-serif;
font-weight : bold;
font-size : 17px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
padding : 3px;
border : 1px solid #dddddd;
}
.button a:active {
color : #eeeeee;
font-family : verdana, arial, sans-serif;
font-weight : bold;
font-size : 17px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
padding : 3px;
border : 2px solid #dddddd;
}
.button a:visited {
color : #eeeeee;
font-family : verdana, arial, sans-serif;
font-weight : bold;
font-size : 17px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
padding : 3px;
border : 2px solid #dddddd;
}
.button a:hover {
color : #ffffff;
font-family : verdana, arial, sans-serif;
font-weight : bold;
font-size : 17px;
font-weight : bold;
text-decoration : none;
background-color : transparent;
padding : 3px;
border : 2px solid #dddddd;
}

Hvor du så skal give den ene af linksne class="button"

Synes godt om

fronk Nybegynder

14. maj 2002 - 15:44 #4

hells: fungerede ikke fordi det er links så overstyrer det du sætter på classen.

lyhr007: Perfekt, tak for hjælpen og her er dine velfortjente point.

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