HTML interesse |
|
Beste leden,
De volgende css heb ik om mijn menu aan te maken:
/*styles for navigation*/
.menu{float:center;width:778px;height:25px;margin:0 0 10px 8px;padding:0;background:url("images/menu.jpg") no-repeat;}
/*text & styling*/
.menu{float:center;margin:0;padding:0px 0 0 0;font-size:12px;color:#000;}
.menu ul, .foot ul{margin:0;padding:0;}
.menu ul li, .foot ul li{display:inline;float:left;margin:0;padding:0;}
.menu ul li a, .foot ul li a{margin:0 10px 0 6px;}
/*styles for navigation*/ .menu{float:center;width:778px;height:25px;margin:0 0 10px 8px;padding:0;background:url("images/menu.jpg") no-repeat;} /*text & styling*/ .menu{float:center;margin:0;padding:0px 0 0 0;font-size:12px;color:#000;} .menu ul, .foot ul{margin:0;padding:0;} .menu ul li, .foot ul li{display:inline;float:left;margin:0;padding:0;} .menu ul li a, .foot ul li a{margin:0 10px 0 6px;}
In de pagina maak ik het zo aan:
<div class="menu">
<ul>
<li><a href="index.php" title="Home">Home</a>|</li>
<li><a href="item.php" title="item.">Item</a>|</li>
<li><a href="teach.php" title="Item .">Item</a>|</li>
<li><a href="members.php" title="Members.">Members</a>|</li>
<li><a href="search.php" title="Search.">Search</a>|</li>
</ul>
</div>
<div class="menu"> <ul> <li><a href="index.php" title="Home">Home</a>|</li> <li><a href="item.php" title="item.">Item</a>|</li> <li><a href="teach.php" title="Item .">Item</a>|</li> <li><a href="members.php" title="Members.">Members</a>|</li> <li><a href="search.php" title="Search.">Search</a>|</li> </ul> </div>
Nu wil ik de tekst meer naar onder hebben in het menu plaatje. Dit lukt alleen niet. Iemand die de oplossing weet?
//edit
Ik heb dit veranderd:
.menu ul li, .foot ul li{display:inline;float:left;margin:0;padding:0;margin-top:4px;}
Nu staat het goed
|