problema con lista

[sebaweb]

acudo de nuevo a ustedes con una duda que tengo hace varios meses y nunca nadie pudo solucionarlo y se que ustedes pueden.

tengo una lista muy simple

Código HTML:

<div style="width:300px; background:#9cf">
  <ul id="lista">
    <li>menu 1</li>
        <li>menu 2</li>
  </ul>
</div>
 

lo que no se como sacar, es el margen que crean las listas por defecto:



perdon por el dibujo =P

es un margen que no puedo sacarlo con css ni con margin ni con nada, espero que puedan ayudarme, ya que yo quiero que la lista quede pegada a los margenes de la div

muchas graciasssssss

[bacdavi]

Es un problema con el margen de tu <ul> que es el contenedor de las opciones <li>}

proba con este codigo:
}

Código HTML:

<div style="width:300px; background:#9cf">
  <ul id="lista" style="margin-left:-10px">
    <li>menu 1</li>
        <li>menu 2</li>
  </ul>
</div> 

y a margin-left le podes seguir descontando los píxeles de espacio o bien agregar espacio.!!

Dame karma!

espero haberte ayudado

[kseso?]

Iniciado por bacdavi

Dame karma!

No es buena idea. Mira:
Un ejemplo

Un saludo

[sebaweb]

muchas gracias bacdavi, me funcionó eso, pero es valido el codigo -10px por la W3C?

[kseso?]

Sin problemas:
ver 1

[ivor]

Hola Sebaweb

Tienes este código cierto?

Código:

<div style="width:300px; background:#9cf">
  <ul id="lista" style="margin-left:-10px">
    <li>menu 1</li>
        <li>menu 2</li>
  </ul>
</div>

Te comento que podrias deshacerte del Div si no vas a incluir mas nada dentro de él para evitar lo que en WebDev se llama 'Divitis' y al ID #lista le agregas las propiedades y los valores quedando asi:

Código:

#lista {
width:300px;
background:#9cf;
}

Luego para eliminar el espacio:

Código:

ul#lista li {
margin-left: {Valor negativo}
}

Y te quedaria el markup asi:

Código:

  <ul id="lista">
     <li>menu 1</li>
     <li>menu 2</li>
  </ul>

Evita en lo posible usar Inline-Styles al menos que sea realmente necesario por cuestiones de especificidad. Y en cuento al Margen negativo mira aqui

Aqui explican porqué hay que evitar los Inline-Styles como <div style="width:200px"></div>

Espero haber ayudado.