Con respecto a mi última visita sobre el problema del enlace de la curva inferior con las líneas laterales, perteneciente al tema "Como colocar los enlaces del pie" de la lección cuarta (verlo en la red en
"tuniscctw.myartsonline.com/plantilla.html) y atendiendo a vuestra contestación, en la que me señalais que envíe todos los códigos de la plantilla y la hoja de estilo-general.css, los adjunto a continuación, rogando me indiqueis como solucionarlo:
PLANTILLA:
<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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<a href="#">Sección 1
<a href="#">Sección 2
<a href="#">Sección 3
<a href="#">Sección 4
</div>
<div id="contenido"><div id="menu">
<ul><h1>Título de Sección 1</h1> Enlace 1 Enlace 2 Enlace 3 Enlace 4</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado
aún la etiqueta de cierre. Voy a ponerla justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle márgenes para separarlos unos de otros e
incluso hacerles sanguías por la izquierda a la primera línea, que queda mucho mejor.
Anda, fíjate! Salen todos centrados, que cosa.
Esoero que Jorguens nos enseñe a ponerlos alineados a la izquerda, o justificados. Así esto parece una
poesía! je je je</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo
Contactos
Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio
TopSite
Mapa de la Web
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
HOJA DE ESTILO-GENERAL.CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#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: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-curva-superior.gif) ;
padding-top:12px }
#pie {background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ; }
#pie li {list-style: none }
#pieuno { float:left ; width:150px }
#piedos { float:left ; width:498px ; background-color: silver}
#pietres { float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
Muchas gracias.
Saludos.
"tuniscctw.myartsonline.com/plantilla.html) y atendiendo a vuestra contestación, en la que me señalais que envíe todos los códigos de la plantilla y la hoja de estilo-general.css, los adjunto a continuación, rogando me indiqueis como solucionarlo:
PLANTILLA:
<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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido"><div id="menu">
<ul><h1>Título de Sección 1</h1>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado
aún la etiqueta de cierre. Voy a ponerla justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle márgenes para separarlos unos de otros e
incluso hacerles sanguías por la izquierda a la primera línea, que queda mucho mejor.
Anda, fíjate! Salen todos centrados, que cosa.
Esoero que Jorguens nos enseñe a ponerlos alineados a la izquerda, o justificados. Así esto parece una
poesía! je je je</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
HOJA DE ESTILO-GENERAL.CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#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: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-curva-superior.gif) ;
padding-top:12px }
#pie {background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ; }
#pie li {list-style: none }
#pieuno { float:left ; width:150px }
#piedos { float:left ; width:498px ; background-color: silver}
#pietres { float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
Muchas gracias.
Saludos.