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 <ul> de la
>> siguiente manera:
>> <ul class="listados">
>> <li class="datos"><img src="imagenes/piso1.jpg" alt="Imagen del
>> piso1" />
>> <h3 class="cablista"><a href="#nogo">Título del piso
>> número 1</a></h3>
>> <p class="caracteristicas">Aquí van las
>> características del inmueble</p>
>>
>> <ul class="funciones">
>> <li class="precio"><div>850€ / mes</div></li>
>> <li class="reservar"><a href="#nogo">Reservar</a></li>
>> <li class="masinfo"><a href="#nogo">Más
>> información</a></li>
>> </ul>
>>
>> </li>
>> </ul>
>>
>> La imágen que está dentro del primer <li> 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
