2
« en: 13 de Octubre 2022, 15:14 »
Buenas tardes. Soy principiante, estoy haciendo el curso de programación web con CSS de aprenderaprogramar y no soy capaz de que me salga el ejercicio de este tema (entrega CU01036D del tutorial). No sé cuál es el fallo del código, aquí os lo dejo. Os agradezco vuestros comentarios/sugerencias.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<title> Ejemplo 4 </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/CSS" href="ejemplo4.css">
</head>
<body>
<header>
<div id="cabecera"> Bienvenidos a la Consulta </div>
</header>
<div id="menu">
<ul> Menú
<li> Cursos </li>
<li> Humor </li>
<li> Divulgación </li>
</ul>
</div>
<div id="novedades"> Conoce nuestras últimas novedades </div>
<div id="articulo"> Artículos sobre cardiopatías </div>
<div id="publicidad"> Espacio reservado para publicidad </div>
<div id="contacto"> Contacta con nosotros </div>
<div id="aviso"> Aviso legal </div>
</body>
</html>
Código CSS:
*{font-family:Arial; margin:0;}
div{border-style:solid;border-width:1px; margin:0;padding:5px;}
#cabecera{text-align:center;background-color:#DEB887;width:1500px; height:49px;}
#menu{width:369px;float:left;height:111px;border-width:0 1px 1px 1px;}
#novedades{background-color:#ADD8E6;width:738px;border-width:0px 1px 1px 0px;float:left; height:50px;}
#articulo{width:738px;height:50px;border-width:0px 1px 1px 0px; float:left;background-color:#90EE90;}
#publicidad{width:369px; height:111px;float:left;}
#contacto{width:744px;height:50px;background-color:#DDA0DD;float:left;}
#aviso{width:744px;height:50px;float:left;border-width:1px 1px 1px 0;}