Entrar

Poner dos imagenes en cabecera

TuSuegra · · Solicitar retirada
Buenas
Tenia una duda: tengo una cabecera, similar a la del cursillo, y quiero meter a la izquierda el banner y a la derecha otro, ya sea infomracion o mas tarde publicidad. He encontrado una fomra de hacer bordes redondeados y he hecho un cuadrado a modo de cabecera donde metere las 2 imagenes. Pero el problema aparece cuando el primer banner aparece centrado dentro del recuadro, y el segundo aparece a la izquierda y fuera de el. Os dejo el codigo a ver si averiguais que es. Gracias@charset "utf-8";

/* CSS Document */

*{margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
body {
text-align: center;
background-color: #C4E1FF;
BACKGROUND-IMAGE: url(objetos/stripes.png);
background-repeat:repeat;
width: 100%;
height: 100%;}

#global {
width:900px;
margin: 4px auto;}

<style type="text/css">
.cabecera{display:block}
.cabecera *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#0e76a9}
.cabecera1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #7eb9d3;
border-right:1px solid #7eb9d3;
background:#3f93bb}
.cabecera2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #bfe1ec;
border-right:1px solid #bfe1ec;
background:#338cb7}
.cabecera3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #338cb7;
border-right:1px solid #338cb7;}
.cabecera4{
border-left:1px solid #7eb9d3;
border-right:1px solid #7eb9d3}
.cabecera5{
border-left:1px solid #3f93bb;
border-right:1px solid #3f93bb}
.cabecerafg{
background:#0e76a9 }
</style>

#logotipo {background-color: white; ; width:270px ; height:80px; float:left ; margin: 10px 10px 10px 10px; }
#publicidad {
background-color: white;
width: 270px;
height: 80px;
float: right;
margin: 10px 10px 10px 10px;
}










<!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>Mi web</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" href="reset.css" media="all" />
<link rel="stylesheet" href="estilos.css" type="text/css">
<!--[if IE]>
<link rel="STYLESHEET" type="text/css" href="estilos-ie.css" />
<!-->
</head>

<body>
<div id="global">
<div>
<b class="cabecera">
<b class="cabecera1">
<b class="cabecera2">
<b class="cabecera3">
<b class="cabecera4">
<b class="cabecera5">

<div class="cabecerafg">

<div id="logotipo">[contenido no disponible]<a href="index.html"></div>

<div id="publicidad">Bienvenidos a mi Web</div>


</div>

<b class="cabecera">
<b class="cabecera5">
<b class="cabecera4">
<b class="cabecera3">
<b class="cabecera2">
<b class="cabecera1">
</div>

</div>
</div>

</body>
</html>
Foley · · Solicitar retirada
Pásanos la dirección de tu web para verlo online por favor ;)