Hola a todos miren yo tengo este code
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial Narrow;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 205px;
left: 52%;
margin-left:-185px;
width: 647px;
}
.menu li
{
width: 70px;
float: left;
}
.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: 10px;
height:31px;
color: #000000;
}
.menu a:hover
{
background-color: #transparent;
background-image: url();}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 20px;
display: block;
width: 70px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="URL">Inicio</a> </li>
<li><a href="URL">Descargas</a> </li>
<li><a href="URL">Utilidades</a> </li>
<li><a href="URL">Foro</a> </li>
<li><a href="URL">Contactenos</a> </li>
</div>
<div id="Designmystic">
<div id="text"><h1></h1>
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style type="text/css">
body{background-image:url(http://img21.imageshack.us/img21/3323/fondodefierro.png);background-color:#NÚMERO DE COLOR;}
</style>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}
body {
background-color:#FFFFFF;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 700px;
height:609px;
background-image:url(http://img27.imageshack.us/img27/6701/dibujo7i.jpg);}
#content {
position: absolute;
left: 47%;
top: 290px;
margin-left:-310px;
width: 668px;
height: 292px;
padding:10px;
color: #000000;
font-size:13px; c
background-color:#transparent;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}
a{
color:#000000;
text-decoration: none;
font-size:13px;}
a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;} //-->
</style>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Ahora si me pueden explicar como puedo hacer que quede bien el texto que yo pongo en el menu
miren mi web que esta en mi perfil miren como el texto de la web esta o muy separado o muy junto yo quiero que quede todo de una misma medida no que uno sea mas grande o mas chico que el otro
espero sus respuestas
[/b]