Foros del Web - Ver Mensaje Individual

victorfz · #1 (**permalink**) 30/01/2010, 01:08

Hola normalmente me dedico mas a la programación PHP y el HTML y CSS me lo dan hecho, pero ahora me ha tocado crear una tabla y estoy teniendo serios problemas

Quiero hacer una tabla que se quede como la foto que adjunto (bueno el fondo en lugar de ser gris que sea blanco)
http://desarrollo-paginas-web.net/temporal/ejemplo.jpg
Con varias particularidades.

Cuando el contenido de la tabla (abajo a la derecha) de descorda el texto debe de permanecer oculto y la tabla no cambia el tamaño
El título es una imagen en el fondo del td y de debe de escribir texto sobre ella (como se aprecia en la foto))
La imagen (el edificio) es una imagen intercambiable y no un fondo
El alto y ancho de la tabla es fijo

No se si hacerlo con una tabla o con div pero en ambos casos siempre me da algún tipo de problema y al final no hay manera.
Pongo el último código el cual el fallo que me da es que por alguna extraña razón la tabla es mucho mas alta que el contenido que hay en ella lo cual queda con un aspecto catastrófico.
Agradecería sugerencias o códigos de ejemplo que me puedan ayudar.
Un saludo.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>

<style type="text/css" media="print,screen">
<!--
p {
margin: 0 auto;
text-indent: 0.5cm;
}
.textoContenido {
	overflow: hidden;
	height: 150px;
}
-->
</style>
</head>

<body>



<table width="961" height="527" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td  colspan="2" background="barraPDF.JPG">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;T&iacute;tulo del producto </td>
    <td width="0%" rowspan="3"><img src="tansparente.png" width="1" height="466" /></td>
  </tr>
  <tr>
    <td width="28%" height="506"  valign="top" ><p><img src="escayola72.jpg" width="150" height="112" /></p>
    <p>&nbsp;</p>
    <p>Categoria: Tiras</p>
    <p>Precio 25&euro;</p>
    <p>&nbsp; </p></td>
    <td width="72%" valign="top">

    <div class="textoContenido">
	<p>hoala</p>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
    <p>6</p>
    <p>7</p>
    <p>8</p>
	</div>    
	</td>
  </tr>

</table>
<br /><br /><br /><br />





</body>
</html>