Beste ICTer's
Ik ben bezig met mijn webhosting site die morgen online moet zijn.
Nu wil ik dat mijn text onder de afbeeldingen komt te staan van het menu.
Mijn html is goed dat weet ik zeker nu mijn css nog.
Mijn html is:
PHP
<nav>
<div class="container">
<ul>
<li class="span2"><a href="#" class="active"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="Webhosting">Webhosting</a></li>
<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="A">A</a></li>
<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="B">B</a></li>
<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="C">C</a></li>
<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="D">D</a></li>
<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="E">E</a></li>
</ul>
</div>
</nav>
Meer tonen
En dit gebruikt de volgende CSS:
PHP
.container
{
height:80px;
width:1400px;
background-color:#5DB9F5;
margin:auto;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-top:2px;
padding:5px;
text-align:center;
}
nav li{
list-style-type:none;
display:inline;
text-align:center;
margin:0 auto;
}
nav li a{
text-decoration:none;
}
Meer tonen