Re: [Ovillo] Espacio no deseado entre dos divs verticales
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
Re: [Ovillo] Espacio no deseado entre dos divs verticales
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
div id=contenedor
div id=cabecera
ul
li a href=#Item one/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
/ul
/div
div id=menuprincipal
ul
li a href=#Item one/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
/ul
/div
/div
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
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
div id=contenedor
div id=cabecera
ul
li a href=#Item one/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
/ul
/div
div id=menuprincipal
ul
li a href=#Item one/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
/ul
/div
/div
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
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
div id=contenedor
div id=cabecera
ul
li a href=#Item one/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
/ul
/div
div id=menuprincipal
ul
li a href=#Item one/a/li
lia href=#Item two/a/li
lia href=#Item three/a/li
lia href=#Item four/a/li
lia href=#Item five/a/li
/ul
/div
/div
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
