Entrar

Problema al sustituir la index.html

nadinita · · Solicitar retirada
Hola. Estoy siguiendo el curso paso a paso, que por cierto me parece fantastico, y me he atascado en lo siguiente:
Cuando abro una de las plantillas para sobreescribir sobre la index.html, lo hago y al hacer vista previa no sale nada bien, estan los mismos contenidos pero con fondo blanco y desconfigurados. Ya lo he mirado todo y nada. Gracias de antemano. Si me podeis ayudar. No se si necesitais algun dato mas, Si es asi decidmelo.
Un beso. Nadine
codomodragon · · Solicitar retirada
Haber amiga, le estas dando vista previa a los archivos de la carpeta azul
No as guardado la hoja de estilos?.
nadinita · · Solicitar retirada
Hola soy Nadine la del problema al sustituir la index.html. La vista previa la hago de la nueva index.html. No tengo carpeta azul porque aun no lo subi a la red, ya que tambien tuve problemas y lo deje para despues. El problema concretamente me surge en la leccion 6, en el apartado “la nueva index o portada”, lo hago y al hacer la vista previa
se ha desconfigurado completamente. . Gracias por contestarme tan pronto. Espero tu nueva respuesta.
Un beso.
Nadinne
PD. Te he enviado un correo igual a este. Lo siento, he visto el funcionamiento y creo que asi mejor, no? Jeje
nadinita · · Solicitar retirada
Perdona que te vuelva a molestar. pero estoy viendo esto y veo que es solo la portada, las demas estan bien incluso desde la portada puedo dirigirme a todos los enlaces de mi menu y ahi si se ve bien. El problema es solo en la portada y ya sabes en que momento me falla, te lo dije antes.
Bueno perdona otra vez. Y gracias de antemano por tu ayuda.
Espero tu respuesta. Hojale pudieras ayudarme.
Un beso.
Nadinne.
nadinita · · Solicitar retirada
Estos son los de la portada....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Historia de Nadinne</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</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>
  • Portada
  • Historia
  • Cultivo
  • Mazinger Z
  • Audios
  • Musica
  • Descargas
  • Foro

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1>Esta es la historia de Nadinne</h1>


    "La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce Springsteen dos chavalotes se digeron... 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 así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda, imagino que, igual que muchas otras".</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>





    y estos los de la hoja de estilos......


    * {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 }
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    #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: 60px }
    #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-retoque-inf.gif); background-position: bottom }
    #menu li {list-style:none ; margin: 8px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-retoque-sup.gif)}
    #pie {border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px }
    #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}
    #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-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 {}
    a.enlaceuno {}
    a.enlaceuno:link {}
    a.enlaceuno:visited {}
    a.enlaceuno:hover {}
    a.enlaceuno:active {}




    Estos son, y muchas gracias.
    Un beso.
    Nadine.