Buenas amig@s... este es mi primer post en esta excelente pagina... tal vez una de las mas productivas que yo haya conseguido en la internet... mis felicitaciones para todos...
Bueno... para entrar en materia..., he seguido este muy bien logrado curso paso a paso... y he tenido mis inconvenientes pero los he solucionado por lo cual puedo concluir que he adquirido conocimientos... claro, aun estoy en una face en la que tal vez principiante sea demasiado... pero alli vamos... la cuestion es que en la tercera leccion he llegado hasta alli, y no he podido hacer que las imagenes del menu se vean... yo no puse el logo de la web... puse otro gif mas que todo por practica... aca les dejo a ver si me podrian ayudar... muchisimas gracias...
SALUDOS DESDE VENEZUELA!!!!
Plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</div>
</a>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><ul>Componentes <a href="#">Accesorios <a href="#">Computadores <a href="#">Utilidades
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Titulo menu lateral</h1> Enlace 1 Enlace 2 Enlace 3</div>
<h1>Esta será la parte principal de la pagina</h1>
Este es mi segundo parrafo, aun me faltan por entender bastantes cosas y por estudiar otras cuantas, porque si no me perdere, creo que cerrare el segundo parrafo exactamente aqui. =) </p>
<h2>Y este es mi tercer parrafo</h2>
Que exito no? jajajajaja, ya me siento como un WebMaster, todo un programador y diseñador de paginas web, jajajaja que tal?, aun me falta un poco mas de letras para lo que necesito, jajaja y creooo que cerrare este fabuloso tercer parrafo exactamente aquiii, jajajajja no aun no.... creo que seria mejor cerrarlo, aquiiii. Sip alli mismo es... nos vemos entonces jejejeje!!!</p>
</div>
<div id="pie">Este será el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Estilo-General:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align:center}
p {text-align:justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:grey ; font-weight: bold ; text-decoration: none ; text-align: center}
#cabecera {background-color: whrite ; border-left: black 1px solid ; border-right: black 1px solid ; height: 150px}
#logotipo {background-color: white ; width: 35px ; margin:2px 2px ; float:left}
#publicidad {background-color: whrite ; width:667px ; float:right ; margin-top: 60px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float: left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left: 135px}
#contenido {background-color: silver ; border-left: black 5px solid ; border-right: black 5px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#global {width:800px ; margin: 4px auto}
#menu {background-color: beige; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu h1 {test-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-curva-superior.gif)}
#curva-superior {background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden}
a {color: red; font-size:1em ; text-decoration: none ; display:block}
a:link {}
a:visited {}
a:hover {color: red; text-decoration:underline ; background-color: silver}
a:active {}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
Bueno... para entrar en materia..., he seguido este muy bien logrado curso paso a paso... y he tenido mis inconvenientes pero los he solucionado por lo cual puedo concluir que he adquirido conocimientos... claro, aun estoy en una face en la que tal vez principiante sea demasiado... pero alli vamos... la cuestion es que en la tercera leccion he llegado hasta alli, y no he podido hacer que las imagenes del menu se vean... yo no puse el logo de la web... puse otro gif mas que todo por practica... aca les dejo a ver si me podrian ayudar... muchisimas gracias...
SALUDOS DESDE VENEZUELA!!!!
Plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</div>
</a>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Titulo menu lateral</h1>
<h1>Esta será la parte principal de la pagina</h1>
Este es mi segundo parrafo, aun me faltan por entender bastantes cosas y por estudiar otras cuantas, porque si no me perdere, creo que cerrare el segundo parrafo exactamente aqui. =) </p>
<h2>Y este es mi tercer parrafo</h2>
Que exito no? jajajajaja, ya me siento como un WebMaster, todo un programador y diseñador de paginas web, jajajaja que tal?, aun me falta un poco mas de letras para lo que necesito, jajaja y creooo que cerrare este fabuloso tercer parrafo exactamente aquiii, jajajajja no aun no.... creo que seria mejor cerrarlo, aquiiii. Sip alli mismo es... nos vemos entonces jejejeje!!!</p>
</div>
<div id="pie">Este será el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Estilo-General:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align:center}
p {text-align:justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:grey ; font-weight: bold ; text-decoration: none ; text-align: center}
#cabecera {background-color: whrite ; border-left: black 1px solid ; border-right: black 1px solid ; height: 150px}
#logotipo {background-color: white ; width: 35px ; margin:2px 2px ; float:left}
#publicidad {background-color: whrite ; width:667px ; float:right ; margin-top: 60px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float: left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left: 135px}
#contenido {background-color: silver ; border-left: black 5px solid ; border-right: black 5px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid}
#global {width:800px ; margin: 4px auto}
#menu {background-color: beige; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu h1 {test-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-curva-superior.gif)}
#curva-superior {background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden}
a {color: red; font-size:1em ; text-decoration: none ; display:block}
a:link {}
a:visited {}
a:hover {color: red; text-decoration:underline ; background-color: silver}
a:active {}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }