buena me llamo fernando primero felicitarles por todo lo que hacen por nosotros para aprender a hacer muestra propia web.
1º en la parte de arriba en publicidad no me sale la linea derecha para cerrar
2º el titulo de seleccion 1 no consigo hacerlo mas pequeño y las curvas menu-parte- no salen
3º la curva-inferior tampoco me sale
4º pie uno, pie dos, pie tres no consigo de colocarlos bien
se que son muchas cosas pero si no las soluciona no puedo seguir ya lo e intentado todo e mirado y requetemirado el foro y no lo consigo me estoy dejando la vista en los codigos
muchas gracias por todo y por enseñarnos
plantilla htlm
</div>
<div id="navegacion">
<ul>seccion 1 seccion 2 seccion 3 seccion 4</div>
<div id="contenido">
<div id="menu">
<h1>titulo de la seccion 1</h1>
<ul> Enlace 1 Enlace 2 Enlace 3 Enlace 4</div>
<h1>Esta sera la zona principal de mi web</h1>
Esta sera la zona principal de la web Y sabemos que gracias a la Hoja de Estilos, podemos cambiar el tamaño de la letra de toda la web, podemos varias los aspectos de los enlaces, los fondos de ciertos elementos, etc, etc sin más que poner la propiedad correspondiente. Pero para eso, todas las partes del contenido de la página web deben "ser algo". Si son enlaces modificaremos la etiqueta "a", si son párrafos la etiqueta "p", pero, qué etiqueta hemos de modificar para cambiar las propiedades del texto de la parte principal de nuestra plantilla? Aquella en la que pone "Esta será la zona principal de la web"?
Va a ser dificil, pues no está encerrada entre ningúna etiqueta concreta</p><h2> luego ni es un párrafo, ni un enlace</h2></p>
ni ná de ná. Nosotros pretendemos que sea un párrafo, verdad? Pues vamos a indicárselo poniendole a esa frase la etiqueta al incio y como no, la etiqueta de cierre al final. Ale, dale al teclado! Ha de quedar así</p>
</div>
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
estlo-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 ; dorder-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 {padding: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 {}
#menu h1 {text-decoration:nome ; font-size:12px ; padding-top:12px ; backbround-image: url(objetos/menu-parte-superior.gif)}
#pie{background-color:white ; border-left:black 1px solid ; border-right:black 1px solid ; border-top:black 1px solid}
#pieuno {background-color:brown ; float:left}
#piedos {background-color:green ; float:left}
#pietres {background-color:red ; float:left}
#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{}
1º en la parte de arriba en publicidad no me sale la linea derecha para cerrar
2º el titulo de seleccion 1 no consigo hacerlo mas pequeño y las curvas menu-parte- no salen
3º la curva-inferior tampoco me sale
4º pie uno, pie dos, pie tres no consigo de colocarlos bien
se que son muchas cosas pero si no las soluciona no puedo seguir ya lo e intentado todo e mirado y requetemirado el foro y no lo consigo me estoy dejando la vista en los codigos
muchas gracias por todo y por enseñarnos
plantilla htlm
</div>
<div id="navegacion">
<ul>
<div id="contenido">
<div id="menu">
<h1>titulo de la seccion 1</h1>
<ul>
<h1>Esta sera la zona principal de mi web</h1>
Esta sera la zona principal de la web Y sabemos que gracias a la Hoja de Estilos, podemos cambiar el tamaño de la letra de toda la web, podemos varias los aspectos de los enlaces, los fondos de ciertos elementos, etc, etc sin más que poner la propiedad correspondiente. Pero para eso, todas las partes del contenido de la página web deben "ser algo". Si son enlaces modificaremos la etiqueta "a", si son párrafos la etiqueta "p", pero, qué etiqueta hemos de modificar para cambiar las propiedades del texto de la parte principal de nuestra plantilla? Aquella en la que pone "Esta será la zona principal de la web"?
Va a ser dificil, pues no está encerrada entre ningúna etiqueta concreta</p><h2> luego ni es un párrafo, ni un enlace</h2></p>
ni ná de ná. Nosotros pretendemos que sea un párrafo, verdad? Pues vamos a indicárselo poniendole a esa frase la etiqueta al incio y como no, la etiqueta de cierre al final. Ale, dale al teclado! Ha de quedar así</p>
</div>
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
estlo-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 ; dorder-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 {padding: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 {}
#menu h1 {text-decoration:nome ; font-size:12px ; padding-top:12px ; backbround-image: url(objetos/menu-parte-superior.gif)}
#pie{background-color:white ; border-left:black 1px solid ; border-right:black 1px solid ; border-top:black 1px solid}
#pieuno {background-color:brown ; float:left}
#piedos {background-color:green ; float:left}
#pietres {background-color:red ; float:left}
#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{}