Foros del Web » Creando para Internet » CSS »

problemas con ul li

Estas en el tema de problemas con ul li en el foro de CSS en Foros del Web. hola tengo un problema con ul li este es mi codigo Código HTML: <head> <meta http-equiv="Content-Type" content= "text/html; charset=utf-8" /> <title> </title> <link href= "index.css?v=<?php ...
  #1 (permalink)  
Antiguo 06/08/2009, 13:47
Avatar de dyegox  
Fecha de Ingreso: enero-2008
Mensajes: 173
Antigüedad: 9 años, 10 meses
Puntos: 6
problemas con ul li

hola tengo un problema con ul li

este es mi codigo

Código HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="index.css?v=<?php echo time(); ?>" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="head">
<div class="menu" style="width:596px;float:right;paddding-right:20px;">
  <ul style="float:right;paddding-right:10px;padding-right:10px;">
<li >
  <a href="#" class="top">Diego
<table><tr><td>
	<ul id="m1">
	<li><a href="javascript:op(0,1)">ROCK</a></li>
	<li><a href="javascript:op(1,1)">DANCE</a></li>
	<li><a href="javascript:op(16,1)">R & B</a></li>
	<li><a href="javascript:op(18,1)">POP</a></li>
	<li><a href="javascript:op(15,1)">BEATBOX</a></li>
	</ul>
</td></tr></table></a>
</li>
<li >
  <a href="#" class="top">Salir</a>
</li>
</ul>
  </div>
</div>
  
<div id="content">
<div id="contingut"></div>
</div>
</body> 
y este mi css
Código HTML:
body {
	margin: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #fff;
	overflow: auto; }
 
#logo {
	padding: 2px 0 0 8px;
	height: 20px;
	float: left; }
 
#head {
	background: #559bce;
	padding-bottom: 8px;
	height: 25px; }
 
#content {
	height: auto;
	padding: 9px 0 8px 9px; }
 
#user {
	float: right;
	width: 330px; }
 
.header { background-color: #559bce; }
 
.back { background-color: #559bce; }

body{background:#03689B;font:11px Arial, Helvetica, sans-serif}
#topbar{height:27px;width:100%;position:absolute;top:0;left:0;z-index:500}
a{outline:none}


.menu ul{
list-style-type:none;
padding:0;
margin-top:0;
margin-right:10px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
margin-right:-10px;

}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:100;
left:-2px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:12px;
font-weight:bold;
width:149px;
padding:9px 0;
color:#fff;
background-color:#449ECB;
text-decoration:none;

text-align:center;
}
/* style the links hover */
.menu :hover{
color:#000;
background:orange;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
padding-top:7px;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
.menu .top{background:url('http://www.viciao2k3.net/t/tri1.gif') no-repeat  bottom center;}
.menu .top:hover{background:url('http://www.viciao2k3.net/t/tri2.gif') no-repeat  bottom center;}


#contingut{
	background:url('http://www.viciao2k3.net/tv/load.gif') no-repeat center center;
	text-align:center;
	vertical-align:middle;
	margin-top:-222px;
	margin-left:-390px;
	position: absolute; 
	top:50%;
	left:50%;
	width:780px;
	height:445px;
}
el problema es que en la barra superior los links diego y salir estan muy separados y necesito que esten mas cerca el css no es mio y nose como solucionarlo
  #2 (permalink)  
Antiguo 06/08/2009, 14:09
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problemas con ul li

Disminuye el ancho de ".menu a, .menu :visited"
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 06/08/2009, 16:34
 
Fecha de Ingreso: diciembre-2008
Mensajes: 56
Antigüedad: 9 años
Puntos: 1
Respuesta: problemas con ul li

Y esto!!!
Código html:
Ver original
  1. !!!!!!!<a href="#" class="top">
  2. Diego
  3. <table><tr><td>
  4.     <ul id="m1">
  5.     <li><a href="javascript:op(0,1)">ROCK</a></li>
  6.     <li><a href="javascript:op(1,1)">DANCE</a></li>
  7.     <li><a href="javascript:op(16,1)">R & B</a></li>
  8.     <li><a href="javascript:op(18,1)">POP</a></li>
  9.     <li><a href="javascript:op(15,1)">BEATBOX</a></li>
  10.     </ul>
  11. </td></tr></table></a>!!!!!!!!!!!!!!!!

¿Porque hay un link en la tabla?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:19.