Hola a todos
Despues de haber completado el estupendo curso paso a paso (muchas gracias Jorgens :wink: ) me he puesto a hacer mis experimentos.
Lo primero que quiero conseguir es tener 2 zonas distintas ( las he llamado logotipo y publicidad) en la parte superior de mi pagina web.
Pero no consigo que sean adyacentes. Me salta la linea. Una esta a la izquierda (correcto) pero la otra esta a su derecha pero una linea mas abajo.
Seguro que sera una tonteria, pero llevo un buen rato dandole vueltas.
Mis listados de la pagina html y de la pagina de estilos
exp1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-exp1.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo"> </div>
<div id="publicidad"> </div>
</div>
</div>
</body>
</html>
y la hoja de estilo estilo-exp1.css :
#global {width:800px ; margin:4px auto }
#cabecera { border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: yellow ; width:270px ; float:left ; }
#publicidad {background-color: gray ;width:510px ; float:right ; margin-top:25px ; font-size: 16px }
Gracias anticipadas :D
Despues de haber completado el estupendo curso paso a paso (muchas gracias Jorgens :wink: ) me he puesto a hacer mis experimentos.
Lo primero que quiero conseguir es tener 2 zonas distintas ( las he llamado logotipo y publicidad) en la parte superior de mi pagina web.
Pero no consigo que sean adyacentes. Me salta la linea. Una esta a la izquierda (correcto) pero la otra esta a su derecha pero una linea mas abajo.
Seguro que sera una tonteria, pero llevo un buen rato dandole vueltas.
Mis listados de la pagina html y de la pagina de estilos
exp1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-exp1.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo"> </div>
<div id="publicidad"> </div>
</div>
</div>
</body>
</html>
y la hoja de estilo estilo-exp1.css :
#global {width:800px ; margin:4px auto }
#cabecera { border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: yellow ; width:270px ; float:left ; }
#publicidad {background-color: gray ;width:510px ; float:right ; margin-top:25px ; font-size: 16px }
Gracias anticipadas :D