Ver Mensaje Individual
  #6 (permalink)  
Antiguo 12/08/2008, 19:36
iozk
 
Fecha de Ingreso: mayo-2008
Mensajes: 499
Antigüedad: 15 años, 10 meses
Puntos: 1
Respuesta: el codigo css afecta mi menu

otra vez el mismo problema con menu he aqui...

<! DOCTYPE PUBLIC HTTP>
<html>
<meta/>
<title>foro2</title>
<head>
<style>
<!--html{
background-color:#ddd;
}

ul.blue {
padding: 5px;
margin: 10px 0;
list-style: none;
float: left;
}

ul.blue li {
float: left;
}

ul.blue li a {
float: left;
text-decoration: none;
color: #ccc;
padding: 4px 15px 0 0;
margin-right: 8px;
font: 900 14px "Arial", Helvetica, sans-serif;
}

ul.blue li a span {
float: left;
padding-right: 15px;
display: block;
margin-top: -4px;
height: 24px;
}

ul.blue li a:hover, ul.blue li a.current {
color: #0d5f83;
background: url("carp/nb3.png") no-repeat top right;
}

ul.blue li a:hover span, ul.blue li a.current span {
background: url("carp/nb1.png") no-repeat top left;
}

-->
</style>

<link rel='stylesheet'type='text/css'href='menuh.css'>
</head>
<body>
<table>
<table width='90%' align='center' border='1' cellpadding='1' cellspacing='3' bgcolor='#ddd'>
<img src=''>
<div id='boton'>

</div>
</table>
<div id=''>
<table>

<ul class="blue">
<li><a href="#" title="home" ><span></span>home</a></li>
<li><a href="#" title="products"><span></span>products</a></li>
<li><a href="#" title="blog"><span></span>blog</a></li>
<li><a href="#" title="contact"><span></span>contact</a></li>
</ul>
</table>

</div>
<table width='80%' align='right' border='0' cellpadding='1' cellspacing='3' bgcolor='cornflowerblue'>
<tr align='left'><td>titule</td></tr>
<tr bgcolor='white' border='0' cellpadding='1'><td><p>blablabla</p></td></tr>
</table>



<div id="menu">
<table>
<ul>
<li class="nivel1 primera"><a href="" class="nivel1">mas</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 1<table class="falsa"><tr><td><![endif]-->
<ul>
<li class="primera"><a href="#">tre</a></li>
<li><a href="#">Opción 1.2</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 2</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 2<table class="falsa"><tr><td><![endif]-->
<ul>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 3</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 3<table class="falsa"><tr><td><![endif]-->
<ul>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="#" class="nivel1">Opción 4</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
<ul>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel1"><a href="index.php" class="nivel1">pagina principal</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 5<table class="falsa"><tr><td><![endif]-->
<ul>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</table>
</div>
</table>
</body>
<table align='center' width='90%' background='carp/brd.png'>
<tr align='center'><td>gdfgfd</td></tr>
</table>
</html>

hace que se vea la mitad del menu verical a un lado del menu horizontal


se me hace que es el css pero yo no soy muy experto si me pudieran ayudar con esto graczias!

Última edición por iozk; 12/08/2008 a las 19:38 Razón: me falto je :}