Ik ben nog aan het experimenteren met HTML en CSS en ik wil graag de text kleur aanpassen van de <li> in <div id="topnav" >. Heb echt al van alles geprobeerd maar het wil maar niet lukken. Wie kan mij vertellen wat ik verkeerd doe?
HTML:
<html>
<head>
<title>Gastrobar 6</title>
<link href="CSS/styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="logo">
<a href="main.html"><img src="images/logo.png" /></a>
</div>
<div id="socialmedia">
<ul>
<li><a href="https://www.facebook.com/gastrobar6?fref=ts/" target="_blank"><img src="images/facebook.png" alt="Facebook" width="35" height="35"></a></li>
<li><a href="https://twitter.com//" target="_blank"><img src="images/twitter1.png" alt="twitter" width="35" height="35"></a></li>
<li><a href="https://instagram.com/" target="_blank"><img src="images/instagram.png" alt="instagram" width="35" height="35"></a></li>
</ul>
</div>
</div>
<div id="topnav" >
<ul>
<li><a href="main.html" style="text-decoration: none" >HOME</a></li>
<li><a href="menukaart.html"style="text-decoration: none">MENUKAART</a></li>
<li><a href="reserveren.html"style="text-decoration: none">RESERVEREN</a></li>
<li><a href="overgastrobar6.html"style="text-decoration: none">OVER GASTROBAR 6</a></li>
<li><a href="contact.html"style="text-decoration: none">CONTACT</a></li>
<li><a href="route.html"style="text-decoration: none">ROUTE</a></li>
<li><a href="acties.html"style="text-decoration: none">ACTIES</a></li>
</ul>
</div>
Code:
body { background-color: #520C0C;
background-repeat: repeat; }
#wrapper { width: 900px; margin: 10px auto;
background-color: white;
padding:0 30px}
#top {}
#logo { float: left; margin:30px 0 }
#socialmedia { float: right; margin:70px 0 }
#socialmedia ul li { display: inline;
list-style-type: none; }
#topnav { clear: both; }
#topnav ul { padding:5px 0; margin:0;
border-top: 3px #520C0C solid;
padding-bottom: 35px; }
#topnav ul li { display: inline; list-style-type: none;
margin:0 15px 0 0;}
#banner { text-align: center;
padding: 20px;
background-color: #520C0C;
}
Laatst bewerkt door een moderator:
