Foros del Web - Ver Mensaje Individual

kseso? · #6 (**permalink**) 12/11/2009, 14:18

Prueba este código a ver si te sirve de guía:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>kseso? jugando con css</title>
<style type="text/css">
* {margin: 0; padding: 0; border: 0; position: relative;}
* html, * body { height: 100%; overflow:auto;}
html, body {
background-color: #cdcdcd;
}
#container {
margin:10px auto;
width:480px;
}
#container img.principal {
left:0;
position:relative;
top:0;
}
.cierre {
background-color:red;
/*height:30px;*/
position:absolute;
right:-15px;
top:0;
width:15px;
}
</style>
</head>
<body> 
<div id="container">
<img class="principal" src="http://share.skype.com/sites/es/skype/skype32ready.jpg" alt="una imagen" />
<span class="cierre">X</span>
</div>
</body>
</html>