CSS - Una pagina que muestra las fotos y algunos datos p

 
Vista:

Una pagina que muestra las fotos y algunos datos p

Publicado por tirengarfio (1 intervención) el 20/12/2008 17:22:06
Hola,

estoy intentado hacer una pagina que muestra las fotos y algunos datos personales de gente. Es la tipica pagina que aparece en una red social.

Esto es lo que he conseguido:

[URL=http://img301.imageshack.us/my.php?image=99387395jv1.gif][IMG]http://img301.imageshack.us/img301/8653/99387395jv1.th.gif[/IMG][/URL]

Pero en realidad quiero que me salga asi (he llevado el pantallazo a un programa de edicion de imagenes y he cortado-pegado :) ):

[URL=http://img175.imageshack.us/my.php?image=gimpfq0.gif][IMG]http://img175.imageshack.us/img175/3382/gimpfq0.th.gif[/IMG][/URL]

Alguien me echa una mano? Aqui estan los codigos:

[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css" media="all">@import url(css/master.css);</style>
</head>

<body>

<div id="page-container">

<div id="parte-superior">
Hola mundo
</div>

<div id="contactos">



<div class="foto">

<img src='uploaded/image.gif'>
</div>

<div class="datos">

Manuel Victor<br>Delgado Moranchel<br>670 3<br>moranitalia@hotmail.<br>Virgen del Amparo 13, 1º A<br><br>

<div class="foto">

<img src='uploaded/image.gif'>
</div>

<div class="datos">

Manuel Victor<br>Delgado Moranchel<br>670 3<br>moranitalia@hotmail.<br>Virgen del Amparo 13, 1º A<br><br>

<div class="foto">

<img src='uploaded/image.gif'>
</div>

<div class="datos">

Javier <br>fgasg<br>gsddg<br>fsdfs<br><br><br>

</div>




</div>
</div>

</body>

</html>
[/HTML]

[code]
#page-container {
background: grey;
margin: auto;
}

#parte-superior {
height: 200px;
background: green;
}

#contactos {
background: white;
margin: auto;
width: 700px;
height: 700px;
}

div.foto {
width: 300px;
height: 150px;
float: left;
background: yellow;
}

div.datos {
width: 400px;
height: 150px;
float: right;
background: red;
}
[/code]
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder