hola gente CCTW soy nuevo en esto de crear paginas web y me a gustado su pequeño manual de instrucciones, el mejor que he visto.
Mi problema es el siguiente:
Estuve creando la web de ejemplo que nos muestran en el curso paso a paso hice bien la primera leccion y parte de la segunda pero cuando estoy en la segunda leccion, en los apartados de las anchuras en adelatante mi ejemplo no queda igual al que muestran en el manual. Me gustaria saber que hice mal????
Aca les dejo el codigo de 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="golobal">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">menu
<ul>Enlace 1 Enalce 2 Enlace 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
el codigo del estilo
body { background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center }
img { border-style: none }
.centrado { text-align:center }
el codigo del estilo general
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#contenido {background-color: orange ; width: 800px ; float:left}
#navegacion {background-color: gray }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li { ...propiedades..... }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
Agradezco su ayuda de antemano.
Sergio R.
Mi problema es el siguiente:
Estuve creando la web de ejemplo que nos muestran en el curso paso a paso hice bien la primera leccion y parte de la segunda pero cuando estoy en la segunda leccion, en los apartados de las anchuras en adelatante mi ejemplo no queda igual al que muestran en el manual. Me gustaria saber que hice mal????
Aca les dejo el codigo de 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="golobal">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">menu
<ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
el codigo del estilo
body { background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center }
img { border-style: none }
.centrado { text-align:center }
el codigo del estilo general
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#contenido {background-color: orange ; width: 800px ; float:left}
#navegacion {background-color: gray }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li { ...propiedades..... }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
Agradezco su ayuda de antemano.
Sergio R.