Hola! amigo,
he mirado un poco el css, qué has puesto en el anterior pots.
Sigo pensando que deberías repasar de nuevo el curso,me van ha hechar la bronca en el foro por hacer retoques,no es normal por qué lo deberías hacer tú.
Quiero qué sepas qué, ya hace algún tiempo no miro el código de la plantilla, aunque he hecho una página basandome en la plantilla,he creado mi propio index,css, y con ésto quiero decir que hace falta un poco de tiempo y poder mirar y reparar, qué es lo qué creo deberías hacer.
Pero bueno, de todas las maneras éstos son lo errores uqe he encotrado así por encima;
1-te faltaba
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
Asi tu index, no podra léer el css.
2-No has cerrado correctamente <div id="global">
</div>Hay algunos errores qué no son muy significativos,qué podras arreglar tú mismo.Te lo he dejado centrado,es imposible que el servidor y el navegador léan bién tú página,dado que te faltaba algo importante.
P.D. Imágino qué tú hoja css, se llama
estilos.cssUnos cambios, copia,pega y dime si ha mejorado.
Te he puesto en color verde las curvas, y el menú.
Este es el HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>tusquecomoycuando</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="JavaScript" src="no-tocar.txt" type="text/javascript"></script>
<script language="JavaScript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[url="index.html"][img]objetos/logotipo.gif[/img][/url]</div>
<div id="publicidad">Bienvenidos a mi web tusquecomoycuando</div>
</div>
<div id="navegacion">
<ul>
[*][url="#"]tusque[/url]
[*][url="#"]tuscomo[/url]
[*][url="#"]tuscuando[/url]
[/list]
</div>
<div id="contenido">
<div id="menu">
<h1>tus que</h1>
<ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*]
[url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url][/list]
</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 ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para
separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea,
que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
[*][url="#"]Foro Ejemplo[/url][*][url="#"]contactos[/url][*][url="#"]Nos Enlazan[/url]
[/list]
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
[*][url="#"]Directorio[/url][*][url="#"]Topsite[/url][*][url="#"]Mapa de la Web[/url]
[/list]
</div></div>
<div id="curva-inferior"></div>
<script language="JavaScript" src="definir-menus.txt" type="text/javascript"></script>
</div>
</body>
</html>
Este el el 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-color: #00FF00;
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 {background-color: #00CC66 ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-curva-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 ; padding-top:12px ;
background-image: url(objetos/menu-curva-superior.gif) }
#pie { border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
height:65px }
#pie li {float:left ; width:150px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres{float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-color: #00FF00;
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 {}
#pie a {color:blue; text-decoration:none ;display:block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color: black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
Espero qué te salga bién todo.
No me culpes de nada.
Ya me comentarás.
!!!!! Animo.......!!!!!!
saludos manmanu
