Editar valores de lista desordenada

[Juanberries]

Estoy usando el tema Elegant y quiero eliminar (o al menos reducir a 1px) los márgenes izquierdo y superior de las listas desordenadas pero no logro hacerlo.

Les dejo mi hoja de estilo (si es ahí la cosa no? jaja :P)

http://www.mediafire.com/view/?cdrnm9pozpa0cr3

Hace un tiempo hice otra consulta y me dijeron que pusiera el código de mi hoja de estilo en un sitio web del que no recuerdo el nombre. Si mediafire no les funciona me dicen dónde ponerlo.

Saludos :)

[AlZuwaga]

No importa el CMS que uses, es cuestión de CSS. Así que para aquel foro vamos.

[pzin]

Después de esperar un minuto a cargar me dice que la página no está disponible.

La idea es que pongas el código en el foro (con las etiquetas HIGHLIGHT que puedes ver cuando creas un tema/mensaje). Y no todo el código, sino la parte que afecta al problema que tienes. Que supongo, como lo has intentado solucionar, tendrás ese código más o menos localizado.

[Juanberries]

Supongo que es esta parte:

/* --------- Unorder List ---------- */
/* ----------------V--------------- */
.unorder-gray { margin-top:-13px; }
.unorder-gray ul li {list-style-image:url(images/bullet-gray.jpg); font-family: Arial; font-size:12px; color:#666666; }
.unorder-orange { margin-top:-13px; }
.unorder-orange ul li {list-style-image:url(images/bullet-orange.jpg); font-family: Arial; font-size:12px; color:#666666; }

Este es un ejemplo de página donde uso la lista desordenada http://www.fanberries.com/the-cranberries-sydney-australia-3-26-2012/ Usé la herramienta "inspeccionar elemento" de google chrome para ver las medidas de los márgenes y buscarlas dentro de la hoja de estilo, eso me ha resuelto problemas en el pasado cuando no sé donde buscar, pero esta vez no están.

[Juanberries]

Todavía no logro resolverlo. Ayuda? Subo mi hoja de estilo en un zip por si el anterior link no funciona bien http://www.mediafire.com/?gyccqyaf9g5jgqo

[mariogl84]

Si no he entendido mal tu problema, esos márgenes (que son el padding-left y el margin del ul) son los que están definidos en la hoja de estilo del user-agent, es decir, es el navegador el que los está añadiendo. El problema de esto es que esas medidas pueden variar entre navegadores.

Lo recomendable es usar un reset o un normalize, si cargas uno de estos dos bloques de css antes que tu código, evitarás estos problemas.

Si después quieres darle algún valor a esas propiedades, recuerda que son el padding-left y los margin-top y bottom del ul.

[Juanberries]

Muchas gracias por tu respuesta mariogl84. Parece más complicado de lo que creí, jamás escuché hablar de "reset" o "normalize". Estoy acostumbrado a resolver problemas muy comunes pero aquí no sé por donde empezar. Podrías ayudarme un poco más con eso por favor? Pobaré con "reset css" pero cómo se usa? en dónde lo pongo?

[mariogl84]

El reset y el normalize unifican los valores css por defecto de los elementos html, si no los usas lo que te ocurrirá es que las propiedades que no hayas definido en tu hoja de estilo las establecerá el navegador. Y cada navegador puede tener diferentes valores. Para usarlos, sólo tienes que incluir todo ese código css en tu página. Puedes hacerlo con un archivo aparte o poniéndolo directamente en tu hoja de estilos, pero asegúrate siempre que está antes que tus líneas de css.

Por cierto, te he puesto los dos más conocidos, pero hay muchos, y te puedes hacer tú un reset a tu medida.

Ojo, que lo que tú quieres hacer en realidad se puede hacer sin usar reset. Sólo tendrías que poner a 0 las dos propiedades que te dije (padding-left y margin), pero con el reset ya conseguirás eso y además contarás con una base más robusta para evitar diferencias entre navegadores.