PHP interesse |
|
Hallo,
Ik heb de vogende code:
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
}
.menu {
width: 100%;
height: 50px;
background: url(menu.gif);
}
.menuitem a, .menuitem a:link, .menuitem a:active, .menuitem a:visited {
width: 150px;
height: 50px;
font-size: 20px;
color: #FFFFFF;
text-decoration: none;
}
.menuitem a:hover {
color: #FFFFFF;
font-size: 20px;
width: 100px;
height: 50px;
background: url(menu_over.gif);
text-decoration: none;
}
p.menup {
margin: 0;
padding-top: 10px;
}
</style>
</head>
<body>
<div class="menu">
<div class="menuitem">
<p class="menup"><a href="#">menu</a></p>
</div>
</div>
</body>
</html>
body { margin: 0; padding: 0; } .menu { width: 100%; height: 50px; background: url(menu.gif); } .menuitem a, .menuitem a:link, .menuitem a:active, .menuitem a:visited { width: 150px; height: 50px; font-size: 20px; color: #FFFFFF; text-decoration: none; } .menuitem a:hover { color: #FFFFFF; font-size: 20px; width: 100px; height: 50px; background: url(menu_over.gif); text-decoration: none; } p.menup { margin: 0; padding-top: 10px; } <p class="menup"><a href="#">menu </a></p>
nu is mijn probleem dat de tekst in het menu verkeerd staat. nu wil ik dat veranderen met padding maar dan wordt het menu langer en wordt de div herhaalt...
|