Ændring af farve på tekst

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
noergaard1
Begynder
Indlæg:14
Tilmeldt:21. apr 2014, 14:33
Ændring af farve på tekst

Indlæg af noergaard1 » 29. apr 2014, 17:43

Hej!
Jeg har det her HTML hvor jeg har været igang med noget CSS... Men jeg kan bare ikke lige finde ud af hvad jeg skal skrive for, at ændre farven på: Home, About, Contact, Social, youtube, Twitter og Facebook...
Det var bare lige et kort spørgsmål :)
Tak!

Kode: Vælg alt

<body>
<div id="nav">
            		<div id="nav_wrapper">
                    		<ul>
                         		<li><a href:"#">Home</a></li><li>
                            	<a href:"#">About</a></li><li>
                            	<a href:"#">Contact</a></li><li>
                            	<a href:"#">Social</a>
                             <ul>
                             	<li><a href="#">Youtube</a></li>
                                 <li><a href="#">Twitter</a></li>
                                 <li><a href="#">Facebook</a></li>
                             </ul>   
                             </li>
                         	</ul>
                 	
                	</div>
                    
           </div></body>

seerex
Entusiast
Entusiast
Indlæg:37
Tilmeldt:17. apr 2014, 17:23

Re: Ændring af farve på tekst

Indlæg af seerex » 29. apr 2014, 20:23

Hej,

For det første, tror jeg du har lavet en fejl i de 4 første link tags :) Du har brugt : i stedet for = og det er derfor de ikke optræder som links. Tror det er sådan her du vil have selve markuppen til at være:

Kode: Vælg alt

<body>
<div id="nav">
                  <div id="nav_wrapper">
                          <ul>
                               <li><a href="#">Home</a></li><li>
                               <a href="#">About</a></li><li>
                               <a href="#">Contact</a></li><li>
                               <a href="#">Social</a>
                             <ul>
                                <li><a href="d">Youtube</a></li>
                                 <li><a href="#">Twitter</a></li>
                                 <li><a href="#">Facebook</a></li>
                             </ul>   
                             </li>
                            </ul>
                    
                   </div>
                    
           </div>
           
    </body>
Nu skulle der gerne være de her 7 links der er blå som standard :) Så er markup i orden.

Farven kan du ændre ved at bruge CSS propertien "color: value", hvor value er hex kode eller keyword for farven. For eksempel kan du farve dine link tags én efter én ved at sætte den color attribute på:

Kode: Vælg alt

<a href="#" style="color: red;">Home</a>
Det vil ændre farven til rød på det her ene element. Nu kan du så kopiere det rundt til dem alle, men du kan også hurtigt ændre farven på HELE din liste ved at sætte det på din <div> tag sådan her:

Kode: Vælg alt

<div id="nav_wrapper" style="color: red">
Men så bliver dine bullets også røde :)

Smartere er det at bruge et internal style sheet, som gør at du kan sætte alle dine a tags til røde sådan her:

Kode: Vælg alt

<head>
<title></title>
<style>
a {
	color: red;
}
</style>
</head>
Hvor du så indsætter nogen <style> tags i din header.

Så der var i hvert fald 3 muligheder for at gøre det :) Håber det hjælper dig.

mvh
/JBJ

Hvis jeg hjalp dig, kan du hjælpe mig ved at besøge min blog når du sidder på tønden og keder dig ;)
www.jbjcode.com

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: Ændring af farve på tekst

Indlæg af scootergrisen » 29. apr 2014, 22:30

Kode: Vælg alt

#nav_wrapper ul li a {
   color: red;
   background: green;
}

#nav_wrapper ul li a:hover {
   color: green;
   background: red;
}

Besvar