Re: [Ovillo] Menu: borrar espacio vacio entre lineas
A las personas que utilizaron su tiempo para contestar y echarme luces en el camino, muchas gracias, es asi como realmente todos aprendemos.. en el camino! Todos los concejos son muy bien recibidos, como alguien decia vengo de utilizar tablas por mucho tiempo y hay momentos que uno cree que CSS no hara lo que uno necesita. Pero asi es como lo hare y ya veremos como me resulta todo. Gracias. Victor Hugo On 7/22/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > Hola, > > On 7/20/06, Victor Ariscain <[EMAIL PROTECTED]> wrote: > > > > Tengo un menu que funciona todo bien, pero no puedo eliminar el espacio > > entre los botones (que son una lista) y la siguiente linea de texto > normal > > o > > una imagen. Gracias por cualquier sugerencia. > > Pueden verlo funcionando en: > > http://www.disaster-info.net/testzone/testmenu/ > > Y una imagen de lo que quiero lograr en > > http://www.disaster-info.net/testzone/testmenu/menuError.jpg > > > > > > No quiero aumentar la discusión respecto de la tabla que usaste, pero > deberías tener en cuenta que el uso de los elementos adecuados en el > código > no es sólo una obsesión de algunos de nosotros. Muchas veces, es difícil > conseguir que algo se vea como deseamos debido al uso de elementos > inadecuados. Esto, y validar antes el código html, son requisitos > prioritarios antes de entrar a resolver un problema en la CSS. > > Ahora, pasando a ese punto particuar, otro punto importante a tener en > cuenta es que los navegadores asignan un margin y padding "por defecto" a > la > mayoría de los elementos. Entonces, un buen punto de partida para resolver > este tipo de inconveniente es siempre partir desde margin: 0; padding: 0; > en > los elementos en cuestión. > > Y si instalás la Web Developer Tool Bar en Firefox, tendrás una > herramienta > muy buena para encontrar dónde está el inconveniente en estos casos. Por > ejemplo, podrías usar la herramienta "Outline Current Element" para > resolver > tu problema. > > Por último, aunque me estoy extendiendo demasiado, no es necesario > especificar la unidad (px) cuando el valor de una propiedad es 0. Y > deberías > acostumbrarte a identificar tus divs con nombres que refieran al contenido > y > no a su ubicación o función en el diseño[1]. > > Saludos > > [1] http://www.w3.org/QA/Tips/goodclassnames > > -- > Camilo Kawerín > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menu: borrar espacio vacio entre lineas
Hola, On 7/20/06, Victor Ariscain <[EMAIL PROTECTED]> wrote: > > Tengo un menu que funciona todo bien, pero no puedo eliminar el espacio > entre los botones (que son una lista) y la siguiente linea de texto normal > o > una imagen. Gracias por cualquier sugerencia. > Pueden verlo funcionando en: > http://www.disaster-info.net/testzone/testmenu/ > Y una imagen de lo que quiero lograr en > http://www.disaster-info.net/testzone/testmenu/menuError.jpg > > No quiero aumentar la discusión respecto de la tabla que usaste, pero deberías tener en cuenta que el uso de los elementos adecuados en el código no es sólo una obsesión de algunos de nosotros. Muchas veces, es difícil conseguir que algo se vea como deseamos debido al uso de elementos inadecuados. Esto, y validar antes el código html, son requisitos prioritarios antes de entrar a resolver un problema en la CSS. Ahora, pasando a ese punto particuar, otro punto importante a tener en cuenta es que los navegadores asignan un margin y padding "por defecto" a la mayoría de los elementos. Entonces, un buen punto de partida para resolver este tipo de inconveniente es siempre partir desde margin: 0; padding: 0; en los elementos en cuestión. Y si instalás la Web Developer Tool Bar en Firefox, tendrás una herramienta muy buena para encontrar dónde está el inconveniente en estos casos. Por ejemplo, podrías usar la herramienta "Outline Current Element" para resolver tu problema. Por último, aunque me estoy extendiendo demasiado, no es necesario especificar la unidad (px) cuando el valor de una propiedad es 0. Y deberías acostumbrarte a identificar tus divs con nombres que refieran al contenido y no a su ubicación o función en el diseño[1]. Saludos [1] http://www.w3.org/QA/Tips/goodclassnames -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menu: borrar espacio vacio entre lineas
Creo que el error es que le das margin-left de 0px a la etiqueta ul.
tienes que darle margin total porque sino te deja el margen que trae por
defecto los ul
#navColumnRight ul {
list-style:none;
margin-left:0px;
padding: 0px;
}
deberia ser:
#navColumnRight ul {
list-style:none;
margin: 0px;
padding: 0px;
}
Good luck!
Victor Ariscain escribió:
> Tengo un menu que funciona todo bien, pero no puedo eliminar el espacio
> entre los botones (que son una lista) y la siguiente linea de texto normal o
> una imagen. Gracias por cualquier sugerencia.
> Pueden verlo funcionando en:http://www.disaster-info.net/testzone/testmenu/
> Y una imagen de lo que quiero lograr en
> http://www.disaster-info.net/testzone/testmenu/menuError.jpg
>
> Debajo copio el codigo
>
> Documento HTM:
> http://www.w3.org/1999/xhtml";>
>
>
> Untitled Document
>
>
>
>
>
>
>
>
>
>
> Titulos
> Impresos
> CD
> DVD
>
>
>
>
>
>
>
> Revistas
> Posters
>
>
>
> Lorem Ipsum soler sit ame prosentus morelum sintae acorpure
>
>
>
>
>
>
> -
> Documento CSS
> #navColumnRight {
> font-family:Geneva, Arial, Helvetica, sans-serif;
> font-size:11px;
> width:150px;
> background-color:#00;
> }
> #navColumnRight ul {
> list-style:none;
> margin-left:0px;
> padding: 0px;
> }
> #navColumnRight li{
> border-bottom:1px solid #9A;
> }
> #navColumnRight li a:link, #navColumnRight li a:visited {
> background-image:url(images/menuColumnDownBullet.gif);
> display: block;
> padding: 0px 2px 0px 18px;
> border-left: 0px solid #711515;
> border-right: 0px solid #711515;
> background-color: #9A;
> color: #46461A;
> text-decoration: none;
> }
> #navColumnRight li a:hover{
> background-image:url(images/menuColumnOverBullet.gif);
> background-color:#144E56;
> color:#FF;
> }
> #navColumnRight ul ul li{
> margin-left:12px;
> }
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menu: borrar espacio vacio entre lineas
> Tengo un menu que funciona todo bien, pero no puedo eliminar el espacio > entre los botones (que son una lista) y la siguiente linea de texto normal o > una imagen. Gracias por cualquier sugerencia. > Pueden verlo funcionando en:http://www.disaster-info.net/testzone/testmenu/ > Y una imagen de lo que quiero lograr en > http://www.disaster-info.net/testzone/testmenu/menuError.jpg > Hola Lo primero que tienes que hacer es eliminar esa tabla que no viene a cuento. Tampoco deberías utilizar imágenes para los encabezados, prueba con hx y si quieres una imagen, utiliza alguna de las técnicas que se han mencionado por aquí constantemente (sifr, imagen de fondo y márgenes negativos, etc.). Luego juega con margin y padding para conseguir el efecto deseado, no debería costarte demasiado, pero si te lías, pregunta de nuevo 8) Suerte Eva ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Menu: borrar espacio vacio entre lineas
Tengo un menu que funciona todo bien, pero no puedo eliminar el espacio
entre los botones (que son una lista) y la siguiente linea de texto normal o
una imagen. Gracias por cualquier sugerencia.
Pueden verlo funcionando en:http://www.disaster-info.net/testzone/testmenu/
Y una imagen de lo que quiero lograr en
http://www.disaster-info.net/testzone/testmenu/menuError.jpg
Debajo copio el codigo
Documento HTM:
http://www.w3.org/1999/xhtml";>
Untitled Document
Titulos
Impresos
CD
DVD
Revistas
Posters
Lorem Ipsum soler sit ame prosentus morelum sintae acorpure
-
Documento CSS
#navColumnRight {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
width:150px;
background-color:#00;
}
#navColumnRight ul {
list-style:none;
margin-left:0px;
padding: 0px;
}
#navColumnRight li{
border-bottom:1px solid #9A;
}
#navColumnRight li a:link, #navColumnRight li a:visited {
background-image:url(images/menuColumnDownBullet.gif);
display: block;
padding: 0px 2px 0px 18px;
border-left: 0px solid #711515;
border-right: 0px solid #711515;
background-color: #9A;
color: #46461A;
text-decoration: none;
}
#navColumnRight li a:hover{
background-image:url(images/menuColumnOverBullet.gif);
background-color:#144E56;
color:#FF;
}
#navColumnRight ul ul li{
margin-left:12px;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
