Notifikationer

Markér alle som læst Log ud

Slettet bruger

08. maj 2007 - 20:41 Der er 5 kommentarer og
1 løsning

Hele knappen skal skifte baggrunds farve

hejsa allesammen ..

Hvordan får jeg en hel knap til at skifte farve? ligesom her på exp.dk oppe i toppen "Spørgsmål & svar""Artikler""priser" Osv. :)

Synes godt om

mclemens Nybegynder

08. maj 2007 - 20:52 #1

<!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"><title>Ingen titel</title>

<style type="text/css">
#menu a {background:red;display:block;width:100px;}
#menu a:hover {background:black;}
</style>

</head><body>
<div id="menu">
<a href="#">A</a>
<a href="#">B</a>
</body></html>

Synes godt om

mclemens Nybegynder

08. maj 2007 - 20:54 #2

<!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"><title>Ingen titel</title>

<style type="text/css">
#menu a {background:red;display:block;width:100px;}
#menu a:hover,#menu .slink {background:black;}
</style>

</head><body>
<div id="menu">
<a href="#">A</a>
<a href="#">B</a>
<a href="#" class="slink">C</a>
</body></html>

Synes godt om

Slettet bruger

09. maj 2007 - 16:04 #3

vil du forklare: <style type="text/css">
#menu a {background:red;display:block;width:100px;}
#menu a:hover,#menu .slink {background:black;}
</style> lidt? er ikke helt med på hvad der sker :-/

Synes godt om

Slettet bruger

09. maj 2007 - 16:07 #4

Har fanget den nu, takker for hjælpen :)

Synes godt om

Slettet bruger

09. maj 2007 - 16:23 #5

Kan det laves på andre måder? en som måske er lidt nemmere at forstå?:D
er ikke helt med på: #menu a:hover,#menu .slink {background:black;}

og hvor kommer slink fra?

Synes godt om

mclemens Nybegynder

09. maj 2007 - 17:25 #6

Til hver css blok kan knyttes flere css selectors som
.klasse1, .klasse2 m.v. {css}. I et tilfælde med f.eks.
en menu, vil det i nogle tilfælde anses for brugervenligt,
at den side man er under har en knap, der ser aktiv ud.

I eksemplet 08/05-2007 20:54:25 bruger jeg #menu .slink
til at give alle links med klassen slink i menu samme
farve, som hvis man kørte musen henover elementet.

Du kan selvfølgelig skrive
#menu a:hover {background:black;}
#menu .slink {background:black;}

istedet for
#menu a:hover,#menu .slink {background:black;}
... Det giver dog mest mening i tilfælde hvor .slink
(eller hvad man kalder det) skal have en anden farve.

"Kan det laves på andre måder?"
Ikke rigtig, du kan selvfølgelig undlade baggrund samt
width og display:block, hvis knappen ikke skal have en fast
width, men ellers kan jeg kun komme i tanke om mere
indviklede måder ved hjælp af javascript.

Tak for 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