Hola
hicolu
No termino de comprender tu problema, al igual que dice
impostor un poco más arriba.
Este es tu planteamiento del problema y no acabo de enterder qué es lo que quieres que haga (o que no haga) el menu.
Cita:
Iniciado por hicolu ... porque se mueve las letras del menu. Las letras del menu me sale arriba y nose como ponerlo al medio....
Copio tu código y le anulo lo que hace que los enlaces se muevan al colocar el cursor sobre ellos (pero no sé si es lo que quieres hacer):
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Original modificado</title>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {
border: none;
}
#menu11 {
width: 200px;
margin: 10px;
border-style: solid solid none solid;
border-color: #889944;
border-width: 1px;
}
#menu11 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu11 li a:link, #menu11 li a:visited {
color: #889944;
display: block;
background: url(menu11.gif);
padding: 2px 0 0 25px;
}
#menu11 li a:hover {
color: #889944;
background: url(menu11.gif) 0 -32px;
/*padding: 8px 0 0 27px; elimina esto*/
}
</style>
</head>
<body>
<h2>Tab Menu 11</h2>
<div id="menu11">
<ul>
<li><a href="#1" title="Link 1">Link 1</a></li>
<li><a href="#2" title="Link 2">Link 2</a></li>
<li><a href="#3" title="Link 3">Link 3</a></li>
<li><a href="#4" title="Link 4">Link 4</a></li>
<li><a href="#5" title="Link 5">Link 5</a></li>
</ul>
</div>
</body>
</html>
Comenta algo...
Bye