Entrar

Otra duda

facu07 · · Solicitar retirada
Hola tengo otra duda,sera que soy burro,que esto es muy dificil...nose.pero lo que se es que cada tanto tengo dudas porque veo el ejemplo de la web y no se parecen en nada a mi trabajo.
al final de la parte de aplicando un fondo a los enlaces activos esta esto que es como queda:
http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…

a mi me queda parecido,solo que no me aparece tan separado me aparece todo junto y mas cosas aun como:esta sera la zona principal de la pagina,y lo de pie de pagina a la altura de menu me aparece.
[contenido no disponible]
Encontre el tutorial de como poner imagenes por eso la puse ahora jeje

Aqui les dejo los codigo de stilo-general y codigos html de plantilla

Plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera"> Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
<div id="menu">
menu
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    </div>Este serà la zona principal de la pagina </div>
    </body>
    </html>


    estilo-general-css:

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    global {width:800px ; margin:4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #pie {background-color: brown }
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    a {color: brown; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a {color: brown ; text-decoration:none ; display: block }


    Espero que me puedan ayudar,yo me termino liando con tanto codigo por eso no me doy cuenta de cual es mi error.desde ya gracias a todos los que se tomen la molestia de leer esto y quien pueda responderme gracias de verdad^^
    • Yaneth · · Solicitar retirada
    Hola

    veamos

    tienes esto:
    en rojo el menu
    en verde el pie
    en azul el contenido
    en naranja......... algo que sobra jejej

    ahora te explico
    cada que abres un div (<div>)debes cerrarlo (</div>)y dentro
    lo que deseas ok?? <div></div>

    aqui:
    <div id="contenido">Esta será la zona principal de la web</div>

    abriste el div contenido, pusiste un texto y lo volviste a cerrar, pero has dejado fuera el menu
    Que debe estar dentro de contenido

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido"></div>
    <div id="pie">Este es el pié de página</div>
    <div id="menu">
    menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    Esta será la zona principal de la web
    </div>Este serà la zona principal de la pagina </div>
    </body>

    y debe quedarte asi:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">

    <div id="menu">
    menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>

    Esta será la zona principal de la web</div>



    <div id="pie">Este es el pié de página</div>
    </body>

    saludos
    • facu07 · · Solicitar retirada
    lo eh echo,pero sigue sin quedarme igual,ahora tengo modificado lo que me dijiste pero me sigue quedando igual...
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    <div id="menu">
    menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    Este serà la zona principal de la pagina </div>
    </body>
    </html>

    por favor si puedes ponerme lo equivocado aqui en rojo y lo bien en azul te lo agradeceria mucho,De todas maneras muchas gracias por ayudarme y si no tienes tiempo da igual,ya me fijo yo en todo detalle
    • Yaneth · · Solicitar retirada
    ok va de nuevo
    en rojo te marco lo que debes borrar ok??
    y en naranja lo que debes mover


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Esta será la zona principal de la web</div>

    ///aqui le corto para decirte que la div pie debes ponerla inmediatamente antes del cierre de body ok??///

    <div id="pie">Este es el pié de página</div>
    <div id="menu">
    menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    Este serà la zona principal de la pagina </div>
    </body>
    </html>

    saludos
    • facu07 · · Solicitar retirada
    Hola,eh echo lo que me has dicho,pero el pie de pagina me sigue quedando arriba,dejo como lo eh echo pero ni modo,no lo doy arreglado

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="pie">Este es el pié de página</div>
    <div id="menu">
    menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    </div>
    Està serà la zona principal de la pagina </div>
    </body>
    </html>

    Espero poder resolver esto,gracias
    • pequeño_saltamontes · · Solicitar retirada
    Wenas

    Que tal compa te ayuda con tu problemas el codigo deberia quedarte asi: ojo que las partes que estan entre // es solo una referencia que tienes que borras porque la ponaga pa que sepas que es lo que tenias que corregir.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>
    </head>
    <body>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Està serà la zona principal de la pagina

    // ojo quite la zona del pie y la puse al final //

    <div id="menu">

    // ojo quite la palabra menu //

    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>

    </div>

    <div id="pie">Este es el pié de página</div>
    </body>
    </html>


    </body>
    </html>

    Y compa eso es todo no era mucho lo que tenias que corregir espero haberte ayudado, cualquier cosa me avisas. :D
    • Solo se que nada se
    facu07 · · Solicitar retirada
    Puff....te agradesc la ayuda,pero sigue sin quedarme,ahora me desaparecio el pie de pagina que estaba arriba y no aparece XD.
    Es que estoy tonto o esto es muy dificil -.-
    Dejo como lo puse haber si alguien me arregla el problema

    Plantilla:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu">
    menu
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>

    </div>
    <div id=Este es el pie de pagina</div>
    </body>
    </html>

    P/D:Eh notado que si borro la etiqueta <div id="menu"> el pie de pagina me va debajo pero la parte de los enlaces 1,2 y 3 se van al centro,deberia de quedar haci?o es otro el fallo?
    Espero la respuesta y Muchas gracias a todos los que me alludan y los que se toman la molestia de leer el post
    • pequeño_saltamontes · · Solicitar retirada
    jajajaja :D

    Tranqui amigo, yo tambien soy nuevo en esto y de verdad da harto dolor de cabeza pero fijate te equivocaste en una pequeña cosa.

    Solo falto el > y el "pie" en la opcion de pie.

    <div id="pie"> Este es el pie de pagina </div>

    fijate solo corrige esto y listo

    Sabes para no tener muchos errores trata de darle sangria es decir espacios entre cada sentencia o etiquetas, asi podras visualizar de mejor manera los posibles errores que tengas y que puedas leer de mejor manera el codigo.

    Suerte
    Solo se que nada se
    Deathly Snake · · Solicitar retirada
    Según las fuentes de diversas ayudas :lol: debería quedarte así:
    :wink:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="cabecera"> Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    Està serà la zona principal de la pagina
    </div>
    <div id="pie">Este es el pié de página</div>
    </body>
    </html>
    • facu07 · · Solicitar retirada
    Muchas gracias a todos,ya lo pude solucionar y mi problema estaba en contenido debi borrarlo y llevarlo mas abajo,haci pude arreglar,gracias x todas vuestras ayudas^^