Foros del Web » Creando para Internet » CSS »

Ayuda con mis tablas

Estas en el tema de Ayuda con mis tablas en el foro de CSS en Foros del Web. Como andan compañeros? he estado todo el dia luchando con un menu para una mi pagina, este es vertical y me gustaria que no dejara ...
  #1 (permalink)  
Antiguo 11/08/2008, 11:00
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Pregunta Ayuda con mis tablas

Como andan compañeros? he estado todo el dia luchando con un menu para una mi pagina, este es vertical y me gustaria que no dejara margen alguno con respecto al borde izquierdo de la pagina.. pero no lo he logrado .

Pregunto: hay alguna forma de que la lista no deje ese margen?

Les dejo parte del codigo que me parece influye en esto:

Código:
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
li {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
/*- Menu 1--------------------------- */
#menu1 {
	width: 200px;
	margin: 10px;
	}
	
#menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(menu10.gif);
	padding: 8px 0 0 10px;
	}
	
#menu1 li a:hover {
	color: #FF9834;
	background:  url(menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
-->
  #2 (permalink)  
Antiguo 11/08/2008, 11:05
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Ayuda con mis tablas

probaste quitandole el margin:10px a #menu1 ?

  #3 (permalink)  
Antiguo 11/08/2008, 11:20
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: Ayuda con mis tablas

Gracias!! me siento re boludo jeje
  #4 (permalink)  
Antiguo 11/08/2008, 12:07
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Ayuda con mis tablas

jejejeje no pasa a todos!!!!!!!!
  #5 (permalink)  
Antiguo 12/08/2008, 10:38
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Pregunta Otra Ayudita!

Vuelvo con las consultas
Sigo "trabajando" en este menu, es un menu desplegable y me gustaria que el "segundo nivel" digamos, tenga un fondo diferente pero estos me heredan el fondo del menu anterior....

Ejempifico
Código:
<div id="menu1">   
   <ul>
        <li>
           <ul id="submenu">
           .....
           </ul>
        </li>
   </ul>  
</div>
En este caso las etiquetas <li> de "submenu" toman el mismo fondo que las del menu que las contiene...

Hay alguna forma de que no lo herede esta propiedad??

Gracias desde ya!!
  #6 (permalink)  
Antiguo 12/08/2008, 10:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ayuda con mis tablas

Prueba con algo como:

ul li {background-color: red;}

ul li ul li {background-color: blue;}
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 12/08/2008, 11:52
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: Ayuda con mis tablas

NO puedo... si le pongo <a href=# style="background-image: url(image.gif)">Ejemplo</a>
ahi si anda... pero no puedo hacerlo generalizado...

Esta bien darle el fondo en el <a>?
  #8 (permalink)  
Antiguo 12/08/2008, 12:22
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: Ayuda con mis tablas

lo logre !!!

super sencillo pero estaba obviando el <li>

por si a alguien le sirve aca esta
Código:
/*- Sub Menus -*/
#smenu2 li a:link, #smenu2 li a:visited   {
	color: #4D4D4D;
	display: block;
	background-image:url(menu12.jpg);
	padding: 8px 0 0 10px;
	}
#smenu2 li a:hover{
	color: #FF9834;
	background-image:url(menu12.jpg) 0 -32px;
	padding: 8px 0 0 10px;
	}
  #9 (permalink)  
Antiguo 12/08/2008, 12:26
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ayuda con mis tablas

Cita:
Iniciado por sublime_style Ver Mensaje
NO puedo... si le pongo <a href=# style="background-image: url(image.gif)">Ejemplo</a>
ahi si anda... pero no puedo hacerlo generalizado...

Esta bien darle el fondo en el <a>?
Que yo sepa habías dicho:

Cita:
En este caso las etiquetas <li> de "submenu" toman el mismo fondo que las del menu que las contiene...
¿Qué tienen que ver los "li" con "<a href=# style="background-image: url(image.gif)">Ejemplo</a>"?

En fin, no importa porque ya lo has solucionado.

Y no, no pongas los estilos en las etiquetas si puedes evitarlo.
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 12/08/2008, 12:51
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: Ayuda con mis tablas

Perdon jeje es que dentro de <li> uso estas anclas para hacer los links a las diferentes partes.

Gracias por su ayuda!
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 11:20.