Hallo Allemaal,
Ik heb een klein probeel met mijn site.
Ik had even snel iets gemaakt in photoshop voor een menu en daar wou ik dan tekst in zetten via Html/Css maar, Ik wil graag dat de tekst Horizontaal en Verticaal in het midde komen van de blauwe balk.
Ik heb al veel dingen geprobeerd maar het lukt me niet echt.
Zou iemand er naar willen kijken.
Voor het online voorbeeld kan je kijken op:
http://www.mobcrime.nl
En hieronder vind je de index en de css
Index.php
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>Mobcrime</title>
</head>
<body>
<div id="wrapper">
<div id="menu-balk">
<ul class="menu">
<li class="current"><a href="#" title="">Home</a></li>
<li><a href="#" title="">Test</a></li>
<li><a href="#" title="">Test</a></li>
<li><a href="#" title="">Test</a></li>
<li><a href="#" title="">Test</a></li>
</ul>
</div>
</div>
</body>
</html>En Style.css
PHP
Body {
background-color:#CCC;
}
#wrapper {
width:1000px;
height:600px;
margin:auto;
}
#menu-balk {
background:url(../images/menu-balk.png) no-repeat;
width:982px;
height:50px;
margin:auto;
}
/* Menu-horizontaal */
ul.menu {
width:982px;
position:absolute;
display:block;
height:50px;
font-size:10px;
font-family:Verdana,Helvetica,Arial,sans-serif;
text-align: center;
color:#FFFFFF;
}
ul.menu li {
display:block;
float:left;
margin-left:10px;
}
ul.menu a {
color:#000;
text-align: center;
list-style: none;
text-decoration: none;
}
ul.menu ul a {
list-style: none;
text-decoration: none;
text-align: center;
}Ik hoop dat iemand mij op weg kan helpen (h)
Alvast Bedankt!
