BUENOS DIAS A TOD@S:
-Bien como comenté anoche algunos buscadores no ve bien mi web,(mozilla, Google Crome).
-El Internet Explorer lo lee divino(pero tampoco encuentra las pag).
Como os puse en el otro post,os vuelvo a recordar, el mozilla y Crome sale la pagina deformada y las paginas no se encuentran(solo las de la carpeta historia entre si lo hacen bien, Osea se encuentran).
Tengo colocados en la raíz el Index.html- estilos-general.css y (plantilla, estilos.css) y luego todas las demas carpetas(souvenirs,objetos,historia foro,discografia,descargas y conciertos), todas estas se encuentran y las tengo ya enlazadas entre si.
Os mando:
el index 1º y por 2º la pagina historia(es donde tengo todas los demas html) que se encuentran a la perfeccion. Seguidamente la hoja de estilos, OK?
INDEX:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=iso-8859-1"http-equiv="Content-Type">
<title>Pagina oficial de la banda</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">
<a href="index.htlm">
[contenido no disponible] </a>
</div>
<div id="publicidad">BIENVENIDOS A MI WEB</div>
</div>
<div id="navegacion">
<ul>
PortadaHistoriaDiscografiaConciertosDescargasForoSouvenirs
</div>
<div id="contenido">
<div id="menu">
<h1>Titulo de seccion 1</h1>
<ul>Enlace 1Enlace 2Enlace 3Enlace 4
</div>
<h1>Bienvenidos a la pagina oficial de la banda</h1>
este es el texto de la pagina principal</p>
y este es de relleno</p>
y este tambien</p>
y ahora otro</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>FORO EJEMPLOCONTACTOSNOS ENLAZAN
</div>
<div id="piedos"></div>
<div id="pietres">
<ul>DIRECTORIOTOPSITEMAPA DE LA WEB
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Ahora el HTML-historia que se encuentra alojado en una carpeta:
historia.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=iso-8859-1"http-equiv="Content-Type">
<title>Historia de la banda</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">
<a href="../index.htlm">
[contenido no disponible]
</a>
</div>
<div id="publicidad">HISTORIA</div>
</div>
<div id="navegacion">
<ul>
PortadaHistoriaDiscografiaConciertosDescargasForoSouvenirs
</div>
<div id="contenido">
<div id="menu">
<h1>Titulo de seccion 1</h1>
<ul>OrigenMiembrosFormacion ActualAlbun de Fotos
</div><h1>Historia</h1>
La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce Springsteen dos chavalotes se dijeron... y si aprendemos a tocar algo?Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra. Tras encontrarse con pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas asin.
Más tarde pepito empezó a escribir algunas letras a las que pusieron música. Asín nació la banda, imagino que,igual que munchas otras.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>FORO EJEMPLOCONTACTOSNOS ENLAZAN
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>DIRECTORIOTOPSITEMAPA DE LA WEB
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Bien por ahora la hoja de estilo-general:
estilos-general.css
*{text-indent:0px;margin:0px; padding:0px; border:0px}
p{text-aling: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.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;heigth:85px;}
#logotipo {width:280px;float:left}
#publicidad {width:518px;float:rightmargin-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:60px}
#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 {text-decoration:none;font-size:12px;
background-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;
height:65px}
#pie li {list-style:none;font-size:12px}
#pieuno {background-color:white;float:left;width:150px}
#piedos {background-color:white;float:left;width:498px}
#pietres {background-color:white ;float:left;width:150px}
#curva-inferior {background-image:url(objetos/curva-inferior.gif.gif);
background-repeat:no-repeat;
width:798px;
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 reporte:GRACIAS