:D Este curso esta de maravillas, esta todo super la verdad es que estas clases son de lo mejor. Bueno hasta ahora voy bien, solo que me tengo problema creo que es el margen :cry: ya que al lado del menu (los enlaces) mi parrafo queda debajo del menu no lo puedo logra poner al lado justo como esta en el ejemplo. Espero me puedan ayudar. Le muestro como voy.
en la plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id= "contenido">
<div id="menu">
<ul>Enlace 1 Enlace 1 Enlace 1
</div>
<div id="contenido">
Esta será la zona principal de la web</p>
Este es mi primer parrafo a ver que tal queda esta mierdad que me tiene killao</p>
Aqui empese otra mierda de estas
y casi estoy terminando y na full ya acabe</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
estilo general
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }
p {text-align: justify}
en la plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id= "contenido">
<div id="menu">
<ul>
</div>
<div id="contenido">
Esta será la zona principal de la web</p>
Este es mi primer parrafo a ver que tal queda esta mierdad que me tiene killao</p>
Aqui empese otra mierda de estas
y casi estoy terminando y na full ya acabe</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
estilo general
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
a {color: brown ; text-decoration:none ; display: block }
p {text-align: justify}