Ver Mensaje Individual
  #9 (permalink)  
Antiguo 31/05/2009, 16:08
Avatar de calathea
calathea
 
Fecha de Ingreso: octubre-2008
Ubicación: Valladolid
Mensajes: 122
Antigüedad: 15 años, 6 meses
Puntos: 3
Respuesta: Problema con <div>

Os puedo copiar el código, no tengo la página subida.

Código HTML:
<body>
<?php[INDENT]#cabeceras php[/INDENT]?>

<div id="coloca">
<h1> &Uacute;ltima Hora </h1>

<div class="imtexto">

	<p>¡Ya somos <br>
	
	<?php
	#codigo de busqueda en base de datos y un echo con el final del párrafo
	?>
	</div> //imtexto

<div class="ultcompra">
<div id="im1"> <!--imagen a la izquierda-->
<img src="img/saco1.png">
</div> //im1
<p>El &uacute;ltimo intercambio fue:<br>

<?php
	#código de busqueda en base de datos y un echo con el final del párrafo
?>
<div id="im2"> <!--imagen a la derecha y un poco mas abajo que la otra--> 
<img src="img/saco2.png">
</div> //im2
</div> //ultcompra
</div> //coloca
</body> 
y el css que afecta a dichas capas es el siguiente:

Código css:
Ver original
  1. #coloca {margin-left: 5&#37;;
  2.     margin-top: 15%}
  3.    
  4. .imtexto { background: url(img/relojarena.png);
  5.     background-repeat: no-repeat;
  6.     margin-left: 41%;
  7.     margin-top: 5%;
  8.     width: 286px;
  9.     height: 245px;
  10. }
  11.  
  12. .imtexto p{ color: #aa1100;
  13.     margin-top: 10%;
  14.     margin-left: 5%;
  15.     font-size: 20;
  16. }
  17.  
  18. .ultcompra {margin-right: 50%;
  19.     margin-top: 5%;
  20.     width: 40%;
  21.     height: 50%;
  22. }
  23.  
  24. #im1 img{ position: absolute; top:0%; left:0%; }
  25.  
  26. #im2 img{ position: absolute; top: 10%; right: 0%; }

Espero que con eso os sirva...

Os adjunto una imagen donde se ve claramente que sólo aparece la noticia "imtexto" y las otras se las "come" ah! el texto está en color blanco excepto para la noticia "imtexto"; lo tengo definido así para toda la página



Se que se ve un fatal error en la noticia "imtexto" (imagen del reloj de arena naranja) pero es un problema con la base de datos que aun no he tenido tiempo de solucionar...

Gracias por la ayuda!

PD: Kseso, el Kukuxumusu está sacado con la camara de un movil, por eso sale asi de mal...

Última edición por calathea; 31/05/2009 a las 16:23