Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/06/2008, 14:00
Cesdeveloper
 
Fecha de Ingreso: septiembre-2007
Mensajes: 44
Antigüedad: 16 años, 7 meses
Puntos: 0
Alineacion de unas imagenes y un h1 en un div header

Buenas tardes ,tengo el siguiente problemita estoy haciendo ek header de una pagina y quiero lo siguiente en ese div

en el header: <img1> <img2> <img3>< img 4> <titulo><img1>....

y me sale de la sig forma
<img1> <img2> <img3>< img 4>
<titulo>
...

Como lo soluciono aplicando solo divs y no tablas.Aqui les paso el codigo.Gracias.
----------------------------------------------------------index.html--------------------------------------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Kanjis Icons!</title>
<link rel=stylesheet type="text/css" href="style.css">

</head>
<body>
<div class="container">
<div class="header">
<div class="kanjis">
<img src="imagenes/moku3.png" alt="moku" />
<img src="imagenes/i3.gif" alt="kanji" />
<img src="imagenes/kanji80xb6.gif" alt="kanji2" />
<img src="imagenes/kanji3.png" alt="kanji3" />
</div>
<div class="titulo"><h1> Hokai Club</h1></div>
</div>

</div>

</body>
</html>

--------------------------------------styles.css--------------------------------------------------
.container
{
width:100%;
height:100%;
}

.header
{
width:980px;
height:100px;
position:relative;

}

.kanjis
{
width:400px;
height:100px;
float:right;

}
.titulo{

width:200px;
height:100px;
font-family:SimHei,Microsoft YaHei, Kaiti;
float:left;
display: table-cell;
text-align:center;
}


img {
background-color: #cc0000;
}