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]
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
0