Re: [Ovillo] Espacio no deseado entre dos divs verticales

[Argenis Alvarez]

te recomiendo que revises si tienes algun espacoin en blanco de la barra 
espaciadora...en algunos caso esto molesta...de todos modos me voy por el 
lado del consejo de Zuri...pon todos los margin y los paddings en 0

On 7/15/05, Fernando Seves <[EMAIL PROTECTED]> wrote:
> 
> Hola a todos, tengo un problemilla con dos divs (cabecera y
> menusuperior) dentro de otro div contenedor.
> Resulta que en Firefox, Opera y Netscape me crea un indeseable espacio
> en blanco entre los divs cabecera y menusuperior pero IE no lo hace.
> Creo que puede estar relacionado con el Box Model peor no estoy seguro
> ¿Podríais ayudarme por favor?
> 
> un saludazo
> 
> Os adjunto HTML >>
> 
> 
> 
> 
> Item one
> Item two
> Item three
> Item four
> Item five
> 
> 
> 
> 
> Item one
> Item two
> Item three
> Item four
> Item five
> 
> 
> 
> 
> CSS >>
> 
> /* Tags Globales */
> body {
> margin:0;
> padding:0;
> text-align:center;
> background:#fff;
> }
> /* Definicion del contenedor */
> #contenedor{
> width:750px;
> margin:50px auto 0;
> text-align:left;
> padding:0;
> /* auto con un width permite centrar el contenedor en el centro */
> }
> /* Definicion de la cabecera. Sera una imagen de fondo con una lista*/
> #cabecera{
> background-image:url(/g/cabeceraprincipal.gif);
> background-repeat:no-repeat;
> background-color:#FF9933;
> height:118px;
> padding:0;
> text-align:right;
> font-size:80%;
> padding:5px 10px 0 0;
> }
> #cabecera li{
> display: inline;
> list-style-type: none;
> padding-right: 10px;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> }
> #cabecera li a,a:active,a:link {
> color:#99;
> text-decoration:none;
> }
> #cabecera li a:hover {
> color:#FF;
> text-decoration:underline;
> }
> #menuprincipal{
> background-image:url(/g/fondo_menu1.jpg);
> background-repeat:no-repeat;
> height:25px;
> text-align:right;
> font-size:80%;
> margin:0;
> padding:0;
> border:0;
> }
> #menuprincipal li{
> display: inline;
> list-style-type: none;
> padding-right: 10px;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> }
> #menuprincipal li a,a:active,a:link {
> color:#99;
> text-decoration:none;
> }
> #menuprincipal li a:hover {
> color:#FF;
> text-decoration:underline;
> }
> ___
> 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
> 



-- 
-Argenis Alvarez--
//Web Developer.
[EMAIL PROTECTED]
[EMAIL PROTECTED] (msn)
___
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] Espacio no deseado entre dos divs verticales

[Fernando Seves]

Hola zuri y Martín


Muchas gracias por la ayuda. Veo q no controlo bien las listas en
CSS... a ver si me empapo bien.

y gracias de nuevo a los dos



On 7/15/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> Porque no les quitas los margin y los padding a las listas??? yo creo que
> funcionaria y seria mas sencillo. ul { margin:0; padding:0;}, por lo menos los
> de top y bottom tendrian que estar a 0.
> 
> 
> 
> Mensaje citado por Martin Campos <[EMAIL PROTECTED]>:
> 
> > Prueba a poner estas clases:
> >
> > div {
> > border: 1px solid black;
> > }
> > ul {
> > border: 1px solid red;
> > }
> > li {
> > border: 1px solid green;
> > }
> >
> > Verás como actuan las capas (div) en negro, las listas desordenadas (ul) en
> > rojo y sus items (li) en verde. Tanto en explorer, firefox como otros
> > navegadores.
> >
> > Ponle una clase a la primera lista ul y en ella especifica el siguiente
> > valor:
> >
> > margin-top: -5px;
> >
> > O! desapareció el margen superior. Habrán mejores maneras y más
> > eficientes, así que si alguien conoce alguna mejor, bienvenida será.
> >
> > Hacer lo mismo para la 2ª lista.
> >
> >
> >
> > El día 15/07/05, Fernando Seves <[EMAIL PROTECTED]> escribió:
> > >
> > > Hola a todos, tengo un problemilla con dos divs (cabecera y
> > > menusuperior) dentro de otro div contenedor.
> > > Resulta que en Firefox, Opera y Netscape me crea un indeseable espacio
> > > en blanco entre los divs cabecera y menusuperior pero IE no lo hace.
> > > Creo que puede estar relacionado con el Box Model peor no estoy seguro
> > > ¿Podríais ayudarme por favor?
> > >
> > > un saludazo
> > >
> > > Os adjunto HTML >>
> > >
> > > 
> > > 
> > > 
> > > Item one
> > > Item two
> > > Item three
> > > Item four
> > > Item five
> > > 
> > > 
> > > 
> > > 
> > > Item one
> > > Item two
> > > Item three
> > > Item four
> > > Item five
> > > 
> > > 
> > > 
> > >
> > > CSS >>
> > >
> > > /* Tags Globales */
> > > body {
> > > margin:0;
> > > padding:0;
> > > text-align:center;
> > > background:#fff;
> > > }
> > > /* Definicion del contenedor */
> > > #contenedor{
> > > width:750px;
> > > margin:50px auto 0;
> > > text-align:left;
> > > padding:0;
> > > /* auto con un width permite centrar el contenedor en el centro */
> > > }
> > > /* Definicion de la cabecera. Sera una imagen de fondo con una lista*/
> > > #cabecera{
> > > background-image:url(/g/cabeceraprincipal.gif);
> > > background-repeat:no-repeat;
> > > background-color:#FF9933;
> > > height:118px;
> > > padding:0;
> > > text-align:right;
> > > font-size:80%;
> > > padding:5px 10px 0 0;
> > > }
> > > #cabecera li{
> > > display: inline;
> > > list-style-type: none;
> > > padding-right: 10px;
> > > font-family:Verdana, Arial, Helvetica, sans-serif;
> > > }
> > > #cabecera li a,a:active,a:link {
> > > color:#99;
> > > text-decoration:none;
> > > }
> > > #cabecera li a:hover {
> > > color:#FF;
> > > text-decoration:underline;
> > > }
> > > #menuprincipal{
> > > background-image:url(/g/fondo_menu1.jpg);
> > > background-repeat:no-repeat;
> > > height:25px;
> > > text-align:right;
> > > font-size:80%;
> > > margin:0;
> > > padding:0;
> > > border:0;
> > > }
> > > #menuprincipal li{
> > > display: inline;
> > > list-style-type: none;
> > > padding-right: 10px;
> > > font-family:Verdana, Arial, Helvetica, sans-serif;
> > > }
> > > #menuprincipal li a,a:active,a:link {
> > > color:#99;
> > > text-decoration:none;
> > > }
> > > #menuprincipal li a:hover {
> > > color:#FF;
> > > text-decoration:underline;
> > > }
> > > ___
> > > 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
> > >
> >
> >
> >
> > --
> > Salu2:
> > MARTIN desde Valencia (ESPAÑA)
> > ___
> > 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
>
___
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] Espacio no deseado entre dos divs verticales

[zuri . menendez]

Porque no les quitas los margin y los padding a las listas??? yo creo que 
funcionaria y seria mas sencillo. ul { margin:0; padding:0;}, por lo menos los 
de top y bottom tendrian que estar a 0.



Mensaje citado por Martin Campos <[EMAIL PROTECTED]>:

> Prueba a poner estas clases:
> 
> div {
> border: 1px solid black;
> }
> ul {
> border: 1px solid red;
> }
> li {
> border: 1px solid green;
> }
> 
> Verás como actuan las capas (div) en negro, las listas desordenadas (ul) en 
> rojo y sus items (li) en verde. Tanto en explorer, firefox como otros 
> navegadores.
> 
> Ponle una clase a la primera lista ul y en ella especifica el siguiente 
> valor:
> 
> margin-top: -5px;
> 
> O! desapareció el margen superior. Habrán mejores maneras y más 
> eficientes, así que si alguien conoce alguna mejor, bienvenida será.
> 
> Hacer lo mismo para la 2ª lista.
> 
> 
> 
> El día 15/07/05, Fernando Seves <[EMAIL PROTECTED]> escribió:
> > 
> > Hola a todos, tengo un problemilla con dos divs (cabecera y
> > menusuperior) dentro de otro div contenedor.
> > Resulta que en Firefox, Opera y Netscape me crea un indeseable espacio
> > en blanco entre los divs cabecera y menusuperior pero IE no lo hace.
> > Creo que puede estar relacionado con el Box Model peor no estoy seguro
> > ¿Podríais ayudarme por favor?
> > 
> > un saludazo
> > 
> > Os adjunto HTML >>
> > 
> > 
> > 
> > 
> > Item one
> > Item two
> > Item three
> > Item four
> > Item five
> > 
> > 
> > 
> > 
> > Item one
> > Item two
> > Item three
> > Item four
> > Item five
> > 
> > 
> > 
> > 
> > CSS >>
> > 
> > /* Tags Globales */
> > body {
> > margin:0;
> > padding:0;
> > text-align:center;
> > background:#fff;
> > }
> > /* Definicion del contenedor */
> > #contenedor{
> > width:750px;
> > margin:50px auto 0;
> > text-align:left;
> > padding:0;
> > /* auto con un width permite centrar el contenedor en el centro */
> > }
> > /* Definicion de la cabecera. Sera una imagen de fondo con una lista*/
> > #cabecera{
> > background-image:url(/g/cabeceraprincipal.gif);
> > background-repeat:no-repeat;
> > background-color:#FF9933;
> > height:118px;
> > padding:0;
> > text-align:right;
> > font-size:80%;
> > padding:5px 10px 0 0;
> > }
> > #cabecera li{
> > display: inline;
> > list-style-type: none;
> > padding-right: 10px;
> > font-family:Verdana, Arial, Helvetica, sans-serif;
> > }
> > #cabecera li a,a:active,a:link {
> > color:#99;
> > text-decoration:none;
> > }
> > #cabecera li a:hover {
> > color:#FF;
> > text-decoration:underline;
> > }
> > #menuprincipal{
> > background-image:url(/g/fondo_menu1.jpg);
> > background-repeat:no-repeat;
> > height:25px;
> > text-align:right;
> > font-size:80%;
> > margin:0;
> > padding:0;
> > border:0;
> > }
> > #menuprincipal li{
> > display: inline;
> > list-style-type: none;
> > padding-right: 10px;
> > font-family:Verdana, Arial, Helvetica, sans-serif;
> > }
> > #menuprincipal li a,a:active,a:link {
> > color:#99;
> > text-decoration:none;
> > }
> > #menuprincipal li a:hover {
> > color:#FF;
> > text-decoration:underline;
> > }
> > ___
> > 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
> > 
> 
> 
> 
> -- 
> Salu2:
> MARTIN desde Valencia (ESPAÑA)
> ___
> 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] Espacio no deseado entre dos divs verticales

[Martin Campos]

Prueba a poner estas clases:

div {
border: 1px solid black;
}
ul {
border: 1px solid red;
}
li {
border: 1px solid green;
}

Verás como actuan las capas (div) en negro, las listas desordenadas (ul) en 
rojo y sus items (li) en verde. Tanto en explorer, firefox como otros 
navegadores.

Ponle una clase a la primera lista ul y en ella especifica el siguiente 
valor:

margin-top: -5px;

O! desapareció el margen superior. Habrán mejores maneras y más 
eficientes, así que si alguien conoce alguna mejor, bienvenida será.

Hacer lo mismo para la 2ª lista.



El día 15/07/05, Fernando Seves <[EMAIL PROTECTED]> escribió:
> 
> Hola a todos, tengo un problemilla con dos divs (cabecera y
> menusuperior) dentro de otro div contenedor.
> Resulta que en Firefox, Opera y Netscape me crea un indeseable espacio
> en blanco entre los divs cabecera y menusuperior pero IE no lo hace.
> Creo que puede estar relacionado con el Box Model peor no estoy seguro
> ¿Podríais ayudarme por favor?
> 
> un saludazo
> 
> Os adjunto HTML >>
> 
> 
> 
> 
> Item one
> Item two
> Item three
> Item four
> Item five
> 
> 
> 
> 
> Item one
> Item two
> Item three
> Item four
> Item five
> 
> 
> 
> 
> CSS >>
> 
> /* Tags Globales */
> body {
> margin:0;
> padding:0;
> text-align:center;
> background:#fff;
> }
> /* Definicion del contenedor */
> #contenedor{
> width:750px;
> margin:50px auto 0;
> text-align:left;
> padding:0;
> /* auto con un width permite centrar el contenedor en el centro */
> }
> /* Definicion de la cabecera. Sera una imagen de fondo con una lista*/
> #cabecera{
> background-image:url(/g/cabeceraprincipal.gif);
> background-repeat:no-repeat;
> background-color:#FF9933;
> height:118px;
> padding:0;
> text-align:right;
> font-size:80%;
> padding:5px 10px 0 0;
> }
> #cabecera li{
> display: inline;
> list-style-type: none;
> padding-right: 10px;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> }
> #cabecera li a,a:active,a:link {
> color:#99;
> text-decoration:none;
> }
> #cabecera li a:hover {
> color:#FF;
> text-decoration:underline;
> }
> #menuprincipal{
> background-image:url(/g/fondo_menu1.jpg);
> background-repeat:no-repeat;
> height:25px;
> text-align:right;
> font-size:80%;
> margin:0;
> padding:0;
> border:0;
> }
> #menuprincipal li{
> display: inline;
> list-style-type: none;
> padding-right: 10px;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> }
> #menuprincipal li a,a:active,a:link {
> color:#99;
> text-decoration:none;
> }
> #menuprincipal li a:hover {
> color:#FF;
> text-decoration:underline;
> }
> ___
> 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
> 



-- 
Salu2:
MARTIN desde Valencia (ESPAÑA)
___
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] Espacio no deseado entre dos divs verticales

[zuri . menendez]

No estoy muy segura, pero prueba a quitarle los margenes a las listas por 
lo menos los de top y bottom, igual te sirve.

Saludos,


___
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] Espacio no deseado entre dos divs verticales

[Fernando Seves]

Hola a todos, tengo un problemilla con dos divs (cabecera y
menusuperior) dentro de otro div contenedor.
Resulta que en Firefox, Opera y Netscape me crea un indeseable espacio
en blanco entre los divs cabecera y menusuperior pero IE no lo hace.
Creo que puede estar relacionado con el Box Model peor no estoy seguro
¿Podríais ayudarme por favor?

un saludazo

Os adjunto HTML >>




Item one
Item two
Item three
Item four
Item five




Item one
Item two
Item three
Item four
Item five




CSS >>

/* Tags Globales */
body {
margin:0;
padding:0;
text-align:center;
background:#fff;
}
/* Definicion del contenedor */
#contenedor{
width:750px;
margin:50px auto 0;
text-align:left;
padding:0;
/* auto con un width permite centrar el contenedor en el centro */
}
/* Definicion de la cabecera. Sera una imagen de fondo con una lista*/
#cabecera{
background-image:url(/g/cabeceraprincipal.gif);
background-repeat:no-repeat;
background-color:#FF9933;
height:118px;
padding:0;
text-align:right;
font-size:80%;
padding:5px 10px 0 0;
}
#cabecera li{
display: inline;
list-style-type: none;
padding-right: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#cabecera li a,a:active,a:link { 
color:#99;
text-decoration:none;
}
#cabecera li a:hover { 
color:#FF;
text-decoration:underline;
}
#menuprincipal{
background-image:url(/g/fondo_menu1.jpg);
background-repeat:no-repeat;
height:25px;
text-align:right;
font-size:80%;
margin:0;
padding:0;
border:0;
}
#menuprincipal li{
display: inline;
list-style-type: none;
padding-right: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#menuprincipal li a,a:active,a:link { 
color:#99;
text-decoration:none;
}
#menuprincipal li a:hover { 
color:#FF;
text-decoration:underline;
}
___
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