Ayuda con mis tablas

[sublime_style]

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;
	}
-->

[DragonX]

probaste quitandole el margin:10px a #menu1 ?

[sublime_style]

Gracias!! me siento re boludo jeje

[DragonX]

jejejeje no pasa a todos!!!!!!!!

[sublime_style]

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!!

[Mikmoro]

Prueba con algo como:

ul li {background-color: red;}

ul li ul li {background-color: blue;}

[sublime_style]

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>?

[sublime_style]

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;
	}

[Mikmoro]

Iniciado por sublime_style

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:

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.

[sublime_style]

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

Gracias por su ayuda!