Foros del Web - Ver Mensaje Individual - Centrar un título y una imagen en el encabezado

emprear · #2 (**permalink**) 03/12/2011, 13:25

En primer lugar, no presentes más código de esta manera

<HTML>
<div id=cap>
<br>

incluí siempre un doctype valido ,el head y el body
no utilices id para tus divs "clear", usá class, siempre es probable que necesites otras de esas en el resto del html, y los id deben ser únicos
no intentes posicionar cosas con saltos de línea <br>

tu html y css deberían ser

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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
div#cap {
background-color: green;
text-align: right;
padding: 20px;
}
div#cap h1 {
float: left;
}
div.clear {
clear: both;
}
/*]]>*/
</style>
</head>
<body>
    
<div id="cap">
<h1>formula 1</h1>
<img src="formula.jpg" width="200" height="100" alt="" />
</div>
 
<div class="clear"></div>
 
</body>
</html>

y desde ya , empezar con unos buenos manuales
Saludos