Entrar

problemas al subir la plantilla y los estilos a la web.

onairam · · Solicitar retirada
Lo primero felicitaros por el curso, hacia mucho tiempo que no me lo pasaba tan bien ni me reia tanto en un curso, bueno al tajo.
La cuetion es , que en la plantilla de el curso la pagina esta perfecta o eso creo yo, pero cuando la subo a la carpeta de internet no se ve bien, por esa razon, os mando la plantilla que subo a la carpeta de internet.
Cuando busco la pagina en internet sale tambien mal, tengo explorer 8 y mozilla firefox, en google ni la encuentra.
pero la de index.html esta si sale bien.
estilos-general.css
*{tex-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.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{padding:5px 10px 5px 10px;text-indent:15px}
#menu{width:150px;float:left;text-align:left;margin-right:10px;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);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{border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
#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.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a{color:brown;text-decoracion: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{}
la plantilla.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>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>
  • seccion 1
  • seccion 2
  • seccion 3
  • seccion 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Titulo de seccion 1</h1>
  • enlace 1
  • enlace 2
  • enlace 3<a href="#">enlace 4</a>

    </div>
    <h1>Esta sera 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>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres"
    <lu>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    espero vuestra respuesta y gracias de antemano, un saludo.
    • moimuá · · Solicitar retirada
    Hola onairam.

    Las felicitaciones deben ir dirigidas a Jorgens, autor del Curso.

    No especificas qué es lo que no se ve bien en tu web.

    No nos das la dirección de tu web.

    Podrás acceder a tu web ejemplo mediante cualquier navegador, no mediante el buscador Google. Luego aprenderás cómo proceder para que los buscadores encuentren y presenten direcciones webs.

    No se pueden nombrar los archivos repitiendo su extensión, por ejemplo, curva-superior.gif.gif, sino curva-superior.gif (Renombra bien los archivos, haciendo los cambios adecuados en tu plantilla y tu hoja de estilo).

    Revisa la siguiente línea de códigos:
  • enlace 1
  • enlace 2
  • enlace 3<a href="#">enlace 4</a>

    Debes escribirla así:
  • enlace 1
  • enlace 2
  • enlace 3
  • enlace 4

    Escribe bien la etiqueta <ul>, bajo la línea: <div id="pieuno">

    Saludos.
    • moimuá · · Solicitar retirada
    onairam, no acabo de entenderte, por lo tanto lo que te voy a escribir es relativo al estado de los archivos plantilla.html y estilo-general.css que has subido a Internet y que he leído a través de la dirección: http://elcandildelzaguan.mypressonline.com/plantilla.html

    Aquí reproduzco los contenidos de plantilla.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>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>
  • seccion 1
  • seccion 2
  • seccion 3
  • seccion 4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Titulo de seccion 1</h1>
  • enlace 1
  • enlace 2
  • enlace 3</a href="#">enlace 4
  • enlace 3
  • enlace 4

    </div>
    <h1>Esta sera 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>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres"
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Debes suprimir lo que está marcado de color rojo.

    Debes cambiar la cadena de código marcada de color rojo por la otra marcada de color verde.

    Aquí reproduzco los contenidos de estilo-general.css:

    *{tex-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{padding:5px 10px 5px 10px;text-indent:15px}
    #menu{width:150px;float:left;text-align:left;margin-right:10px;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);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{border-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid}
    #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-decoracion: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{}

    Debes unificar en una sola línea de código las líneas marcadas de color azul.

    Saludos.
    • onairam · · Solicitar retirada
    Aqui estoy de nuevo, intentare esplicarme para que podamos bueno puedas solucionar el problema.
    La cuestion es que mi pagina de internet esta
    http://elcandildelzaguan.mypressonline.com/plantilla.html
    funciona bien en internet, pero en el curso en mi ordenador se ve asi
    http://yfrog.com/n5capturawyj
    pero solo en la carpeta de internet,web-ejemplo-cctw-internet porque en la carpeta web-jemplo-cctw-local se ve perfectamente como en internet,
    despues de efectuar los cambios que me correjiste sigue el mismo problema, incluso borre todas las carpetas de web-ejemplo-cctw-internet y las subi de nuevo pero siguen saliendo mal.
    La razon de que en los objetos salga duplicado gif es por que mi odenador cuando copio por ejemplo el buzon no hace falta añadirle el gif por que reconoce que es un archivo gif y si se lo pones al nombre cuando lo añades a la carpeta objetos lo duplica y en su momento, cuando lo puse en el curso si no lo ponia duplicado no salia en la vista previa, veras que por ejemplo en la carpeta web-ejemplo-cctw-local, ojetos, al fonto que por cierto es una foto de mi local le añade JPG sin que yo se lo ponga, pero si en estilos.css no lo pongo en la vista previa no sale.
    Te doy las gracias por la atencion prestada.
    Un saludo onairam.
    moimuá · · Solicitar retirada
    Ahora te entiendo.

    No te preocupes, onairan, es así*. Has subido tus archivos a Internet, visualizas bien tu plantilla y tu index mediante los navegadores, no tienes ningún problema.

    *La imagen que adjuntas es copia de la visualización a través de HTML-Kit de tu plantilla, abierta desde la carpeta azul web-ejemplo-cctw-internet

    Saludos.