Foros del Web - Ver Mensaje Individual - Código de principiante CSS no me aclaro llevo 4 días con lo mismo...

emprear · #13 (**permalink**) 18/06/2011, 14:23

A ver, lo que sigue funciona en todos lados, le agregue un pequeño reset para pulirlo mas
( Probado en IE, Safari,Chrome,Opera, Firefox4, Konqueror)

Código HTML:

Ver original<!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>
    <title>Posicionar imágen</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <style type="text/css">
    
 html, body, img, div {
margin: 0px;
padding: 0px;
}
 
h1 {
color: red; 
font-family:"Arial Black",Gadget, sans-serif; 
font-size: 12px;
text-align: center;
 }
 
img#imagen1 {
position: absolute;
 left: 20%;
 top: 40%;
 margin: 0px
 padding: 0px;
  }
 
</style>
</head>
<body>
 <h1>PRUEBA</h1>
 <img  id="imagen1" src="cat-black.jpg" width="320" height="400" alt="" />
</body>
</html>

Saludos