Acomodar cosas dentro de un div

Alex0520 · #1 (**permalink**) 22/02/2010, 14:12

Hola, necesito organizar una imagen y algo asi como un cuadro de texto, dentro de un div, pero no he podido, el codigo que tengo es el siguiente....

Código HTML:

<html>
<head>
<title>Catalogo de Productos</title>
</head>
<body>

<center>CATALOGO DE PRODUCTOS</center>
<div name="afuera" style="border-style: inset; height: 200px" >
<p>
<img src="apple-logo.jpg" alt="Foto" width="240" height="240" align="left">
<div name="adentro" style="clear:both; border-style: inset ;WIDTH: 200px ; BORDER: #000 2px solid ; OVERFLOW: hidden ;margin: 0 auto;">
Descripción: XXXXXXXXX<br>
Precio:  $ XXXXXXXXX<br>
Contacto: XXXXXXXXX<br>
Teléfono: XXXXXXXXX<br>
</p>
</div>
</div>
</body>
</html>
</body>
</html>

El resultado que quiero tener es la foto, y al lado las especificaciones, y las especificaciones con un borde, no lo puedo hacer con una tabla, ya que necesito una especie de catalogo sin bordes, solo con el que rodea las especificaciones y el que rodea todoe l catalogo.

Gracias

mayid · #2 (**permalink**) 22/02/2010, 17:46

Usa CSS.

Y en vez de tablas pensalo con divs, con propiedades position: relative y absolute degún sea necesario.