Hola buenas, vereís con el CSS Menu Maker he intentado krear un menu i me ha dado el siguiente codigo:
Codigo CSS:
ul#menu
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
font-size:12px;
font-weight:bold;
text-transform:lowercase;
background:transparent url("http://www.ezekom.com/images/bg.jpg") repeat-x top left;
font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
ul#menu li
{
display:block;
float:left;
margin:0;
pading:0;
}
ul#menu li a
{
display:block;
float:center;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:12px 20px 0 20px;
height:24px;
}
ul#menu li a:hover
{
color:#FFFFFF;
background:transparent url("http://www.ezekom.com/images/over.jpg") no-repeat top right;
}
Codigo HTML:
<ul id='menu'>
<li><a href='http://www.google.es'>Hardware</a></li>
<li><a href='http://www.google.es'>Software</a></li>
<li><a href='http://www.google.es'>Sistemas Operativos</a></li>
<li><a href='http://www.google.es'>Blogger</a></li>
<li><a href='http://www.google.es'>Tutoriales</a></li>
<li><a href='http://www.google.es'>Cultura Geek</a></li>
</ul>
El menu lo he insertado perfectamente en my blog pero el problema k tengo es que los botones me empiezan a la izquierda de este, y yo quisiera centrarlos (lo he probado modificando en el codigo CSS donde dice "float:left" cambiando el left por center pero nada). Ademas como podeis observar en el codigo HTML por ejemplo en el boton "Hardware" lo he escrito con la "H" en mayuscula y en canvio cuando veo el menu CSS en el blog me aparece toda la palabra en minúsculas, así "hardware", y yo quisiera que me apareciera tal y como lo he escrito en el codigo HTML.
Alguien me puede ayudar con estos dos problemas, os lo pido, cualquier idea es bien recivida XD, gracias por adelantado.
