Re: [Ovillo] Problemas con presentación de 2 ul de 5 todos con el mismo código
No es ese el problema, he probado y nada. Lo raro es que el codigo se
repite a lo largo de la página hasta 5 veces y sólo falla en las dos
primeras.
Gracias por la ayuda
P.D.: lo del precio lo puse por poner algo y ver como queda.
Fernando Gutierrez escribió:
> El h3 se comporta como elemento de bloque que es y provoca un salto de línea
> antes y después.
> Prueba añadiendo lo siguiente a tu css:
>
> li.datos h3 {display: inline;}
>
> PD: lo de 850 €/mes no es un error de marcado, ¿no?
>
>
> El día 29/03/07, "Nacho F. Carreño" <[EMAIL PROTECTED]> escribió:
>
>> Hola a [EMAIL PROTECTED],
>>
>> He modificado el código de una Web que estoy realizando y me encuentro
>> con un problema que no le encuentro solución. El diseño consta de una
>> zona lateral donde va el menú vertical, formulario de acceso a zona
>> privada e imágenes y el resto donde se muestran los contenidos. El caso
>> es que el contenido lateral lo tenía todo metido en una capa que flotaba
>> a la izquierda y tras el consejo de alguno de los listeros opté por
>> sacar el menú de esa capa para poder e un futuro hacerlo horizontal o
>> posicionarlo en otro lugar. El caso es que he sacado el menú y lo he
>> flotado a la derecha, los componentes que se situan debajo del menú
>> también los floté a la derecha y a estos les añadí clear:left. Hasta
>> aquí todo bien.
>>
>> El problema lo tengo ahora con la zona de contenidos. Este contenido
>> lleva una especie de ficha de información de pisos hechos con de la
>> siguiente manera:
>>
>>
>> Título del piso
>> número 1
>> Aquí van las
>> características del inmueble
>>
>>
>> 850€ / mes
>> Reservar
>> Más
>> información
>>
>>
>>
>>
>>
>> La imágen que está dentro del primer lo tengo flotado a la
>> izquierda y en Internet Explorer se ve bien pero en Firefox se me
>> descompone la presentación pero SOLO LOS DOS PRIMEROS..
>>
>> ul.listados {
>> margin:0 2em 1.50em 0; padding:0; border:0; list-style-type:none;
>> border-left:5px #DFDCB2 solid; border-top:1px #E6E4D5 solid;
>> border-right:1px #E6E4D5 solid; border-bottom:1px #E6E4D5 solid;
>> background-color:#FFF8D9; height:6.25em;
>> position:relative; display:block;
>> }
>>
>> ul.listados {
>> background-color:#FFF8D9;
>> }
>>
>> ul.listados li{
>> margin:0; padding:0; border:0; display:inline;
>> }
>>
>> .listados li img {
>> margin:0 1em 0 0; padding:0; border:0; float:left;
>> }
>>
>> h3.cablista a:link, h3.cablista a:visited, h3.cablista a:hover {
>> color:#000; text-decoration:none;
>> }
>>
>> h3.cablista2 a:link, h3.cablista2 a:visited, h3.cablista2 a:hover {
>> color:#AC2E17;
>> }
>>
>> p.caracteristicas {
>> margin:0; font-size:0.75em; padding:0 0 2.63em 0;
>> }
>>
>> ul.funciones {
>> position:absolute; bottom:2.10em; left:6.81em;
>> }
>>
>> ul.funciones li {
>> display:block; position:absolute; top:0;
>> }
>>
>> li.precio {
>> border:0; padding:0; margin:0; left:0; width:5.70em;
>> }
>>
>> li.precio div {
>> padding:4px; background-color:#FFF; color:#C0321A; border:1px
>> #C0321A solid; font-weight:bold; margin:0; font-size:0.80em;
>> text-align:center;
>> }
>>
>> li.reservar a, li.masinfo a {
>> background:url(imagenes/vineta_listadoinm.gif) no-repeat 0 4px;
>> padding:0 0 0 1.20em; color:#C0321A; font-size:0.70em;
>> }
>>
>> li.reservar {
>> left:8em; color:#C0321A; top:0;
>> }
>>
>> li.masinfo {
>> left:14.38em; color:#C0321A; margin:0 0 0 5em; width:6em; top:0;
>> }
>>
>>
>> Un saludo y gracias por la ayuda
>> ___
>> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con presentación de 2 ul de 5 todos con el mismo código
El h3 se comporta como elemento de bloque que es y provoca un salto de línea
antes y después.
Prueba añadiendo lo siguiente a tu css:
li.datos h3 {display: inline;}
PD: lo de 850 €/mes no es un error de marcado, ¿no?
El día 29/03/07, "Nacho F. Carreño" <[EMAIL PROTECTED]> escribió:
>
> Hola a [EMAIL PROTECTED],
>
> He modificado el código de una Web que estoy realizando y me encuentro
> con un problema que no le encuentro solución. El diseño consta de una
> zona lateral donde va el menú vertical, formulario de acceso a zona
> privada e imágenes y el resto donde se muestran los contenidos. El caso
> es que el contenido lateral lo tenía todo metido en una capa que flotaba
> a la izquierda y tras el consejo de alguno de los listeros opté por
> sacar el menú de esa capa para poder e un futuro hacerlo horizontal o
> posicionarlo en otro lugar. El caso es que he sacado el menú y lo he
> flotado a la derecha, los componentes que se situan debajo del menú
> también los floté a la derecha y a estos les añadí clear:left. Hasta
> aquí todo bien.
>
> El problema lo tengo ahora con la zona de contenidos. Este contenido
> lleva una especie de ficha de información de pisos hechos con de la
> siguiente manera:
>
>
> Título del piso
> número 1
> Aquí van las
> características del inmueble
>
>
> 850€ / mes
> Reservar
> Más
> información
>
>
>
>
>
> La imágen que está dentro del primer lo tengo flotado a la
> izquierda y en Internet Explorer se ve bien pero en Firefox se me
> descompone la presentación pero SOLO LOS DOS PRIMEROS..
>
> ul.listados {
> margin:0 2em 1.50em 0; padding:0; border:0; list-style-type:none;
> border-left:5px #DFDCB2 solid; border-top:1px #E6E4D5 solid;
> border-right:1px #E6E4D5 solid; border-bottom:1px #E6E4D5 solid;
> background-color:#FFF8D9; height:6.25em;
> position:relative; display:block;
> }
>
> ul.listados {
> background-color:#FFF8D9;
> }
>
> ul.listados li{
> margin:0; padding:0; border:0; display:inline;
> }
>
> .listados li img {
> margin:0 1em 0 0; padding:0; border:0; float:left;
> }
>
> h3.cablista a:link, h3.cablista a:visited, h3.cablista a:hover {
> color:#000; text-decoration:none;
> }
>
> h3.cablista2 a:link, h3.cablista2 a:visited, h3.cablista2 a:hover {
> color:#AC2E17;
> }
>
> p.caracteristicas {
> margin:0; font-size:0.75em; padding:0 0 2.63em 0;
> }
>
> ul.funciones {
> position:absolute; bottom:2.10em; left:6.81em;
> }
>
> ul.funciones li {
> display:block; position:absolute; top:0;
> }
>
> li.precio {
> border:0; padding:0; margin:0; left:0; width:5.70em;
> }
>
> li.precio div {
> padding:4px; background-color:#FFF; color:#C0321A; border:1px
> #C0321A solid; font-weight:bold; margin:0; font-size:0.80em;
> text-align:center;
> }
>
> li.reservar a, li.masinfo a {
> background:url(imagenes/vineta_listadoinm.gif) no-repeat 0 4px;
> padding:0 0 0 1.20em; color:#C0321A; font-size:0.70em;
> }
>
> li.reservar {
> left:8em; color:#C0321A; top:0;
> }
>
> li.masinfo {
> left:14.38em; color:#C0321A; margin:0 0 0 5em; width:6em; top:0;
> }
>
>
> Un saludo y gracias por la ayuda
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
--
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
___
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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problemas con presentación de 2 ul de 5 todos con el mismo código
Hola a [EMAIL PROTECTED],
He modificado el código de una Web que estoy realizando y me encuentro
con un problema que no le encuentro solución. El diseño consta de una
zona lateral donde va el menú vertical, formulario de acceso a zona
privada e imágenes y el resto donde se muestran los contenidos. El caso
es que el contenido lateral lo tenía todo metido en una capa que flotaba
a la izquierda y tras el consejo de alguno de los listeros opté por
sacar el menú de esa capa para poder e un futuro hacerlo horizontal o
posicionarlo en otro lugar. El caso es que he sacado el menú y lo he
flotado a la derecha, los componentes que se situan debajo del menú
también los floté a la derecha y a estos les añadí clear:left. Hasta
aquí todo bien.
El problema lo tengo ahora con la zona de contenidos. Este contenido
lleva una especie de ficha de información de pisos hechos con de la
siguiente manera:
Título del piso
número 1
Aquí van las
características del inmueble
850€ / mes
Reservar
Más
información
La imágen que está dentro del primer lo tengo flotado a la
izquierda y en Internet Explorer se ve bien pero en Firefox se me
descompone la presentación pero SOLO LOS DOS PRIMEROS..
ul.listados {
margin:0 2em 1.50em 0; padding:0; border:0; list-style-type:none;
border-left:5px #DFDCB2 solid; border-top:1px #E6E4D5 solid;
border-right:1px #E6E4D5 solid; border-bottom:1px #E6E4D5 solid;
background-color:#FFF8D9; height:6.25em;
position:relative; display:block;
}
ul.listados {
background-color:#FFF8D9;
}
ul.listados li{
margin:0; padding:0; border:0; display:inline;
}
.listados li img {
margin:0 1em 0 0; padding:0; border:0; float:left;
}
h3.cablista a:link, h3.cablista a:visited, h3.cablista a:hover {
color:#000; text-decoration:none;
}
h3.cablista2 a:link, h3.cablista2 a:visited, h3.cablista2 a:hover {
color:#AC2E17;
}
p.caracteristicas {
margin:0; font-size:0.75em; padding:0 0 2.63em 0;
}
ul.funciones {
position:absolute; bottom:2.10em; left:6.81em;
}
ul.funciones li {
display:block; position:absolute; top:0;
}
li.precio {
border:0; padding:0; margin:0; left:0; width:5.70em;
}
li.precio div {
padding:4px; background-color:#FFF; color:#C0321A; border:1px
#C0321A solid; font-weight:bold; margin:0; font-size:0.80em;
text-align:center;
}
li.reservar a, li.masinfo a {
background:url(imagenes/vineta_listadoinm.gif) no-repeat 0 4px;
padding:0 0 0 1.20em; color:#C0321A; font-size:0.70em;
}
li.reservar {
left:8em; color:#C0321A; top:0;
}
li.masinfo {
left:14.38em; color:#C0321A; margin:0 0 0 5em; width:6em; top:0;
}
Un saludo y gracias por la ayuda
___
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://lists.ovillo.org/mailman/listinfo/ovillo
