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
>
--
_____________________
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
