Entrar

POR FAVOR QUE ALGUIEN ME AYUDE............SOS.............

richard33 · · Solicitar retirada
empece con el curso comocrear una web, el caso es que todo iba de maravilla hasta los div, se me descuadra el pie y la cabecera, y, ademas, no logro entender ese espacio blanco que queda en la parte inferior de la pagina, pueden verla aqui: http://losmozandillas.sportsontheweb.net/plantilla.html

mi plantilla y mi css son;


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"[contenido no disponible]</div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a nuestra web</div>
</div>
<div id="navegacion">
<ul>
  • Quienes somos
  • Nuestras Fotos
  • Donde Jugar
  • Sitios de Interes

    </div>
    <div id="contenido">
    <div id="menu"><h1>menu</h1>
    <ul>
  • Historia del BowlingJugar al Bowling
  • Equipo
  • Como Contar
    </div>
    <h1>El Bowling, juego apasionante.</h1>
    <h2>Queremos aclarar que no somos profesionales del deporte, solamente somos aficionados.</h2>


    Empezaremos con una breve introducción de lo que es el deporte del bowling, conceptos básicos, consejos para elegir equipos, la puntuación, y, por supuesto, el handican, entre otras cosas mas.</p>


    El handicap es una medida que se utiliza para "equilibrar" los marcadores entre jugadores expertos y y novatos; así que si un jugador novato (con un promedio de 100) se enfrenta a un jugador experimentado (digamos un promedio de 200) no tiene muchas posibilidades de ganar, pero con un handicap la situación se empareja.</p>


    El Primer objetivo del juego es mu simple... derribar el mayor número posible de pins con la bola; pero existen pequeños matices que hacen este juego un poquito mas complicado que esta simple frase. Se pretende derribar el mayor número de Pins, o a ser posible todos, en un solo intento, deslizando una bola reglamentaria sobre una pista con dimensiones definidas, sin pasarse de la linea de falta</p>
    </div>
    <div id="pie">pie de pagina
    <div id="pieuno">pie uno</div>
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

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

    </div>
    <div id="pietres">pie tres
    </div>
    <div id="curva-inferior"<a href="index.html">[contenido no disponible]</div>
    </div>
    </body>
    </html>

    -------------------------------------------------------------------------------------
    -------------------------------------------------------------------------------------

    *{tex-indent:0px ; margin:0px ; padding:0px ; border:0px }
    p {text-align: justify }
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center }
    h2 {font.size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ;
    text-align: center }
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior {background-image: url(Imagenes/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow : hidden }
    #cabecera {background-color: purple ; border-left: black 1px solid ;
    border-right: black 1px solid ; height: 85px }
    #logotipo {background-color: pink ; width:280px ; float:left }
    #publicidad {background-color: orange ; 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 40px 0px 40px }
    #navegacion ul {margin-left: 40px }
    #contenido {background-color: yellow ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px }
    #menu {background-color: violet ; width: 150px ; float:left ; text-align:left ;
    margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;
    height: 25px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {background-color: brown ; float:left ; width:150px ; border-right: black 1px solid }
    #piedos {background-color: green ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px ; border-left: black 1px solid }
    #curva-inferior {background-image: url(Imagenes/curva-inferior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    a {color: blue; font-size:1.3em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; tex-decoration:underline ; background-color: silver }
    a:active {}



    agradeciendo de antemano cualquier ayuda, me despido,
    richard33
    • Raulyure · · Solicitar retirada
    richard33 escribió:empece con el curso comocrear una web, el caso es que todo iba de maravilla hasta los div, se me descuadra el pie y la cabecera, y, ademas, no logro entender ese espacio blanco que queda en la parte inferior de la pagina, pueden verla aqui: http://losmozandillas.sportsontheweb.net/plantilla.html

    mi plantilla y mi css son;


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"[contenido no disponible]</div>
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Quienes somos
  • Nuestras Fotos
  • Donde Jugar
  • Sitios de Interes

    </div>
    <div id="contenido">
    <div id="menu"><h1>menu</h1>
    <ul>
  • Historia del BowlingJugar al Bowling
  • Equipo
  • Como Contar
    </div>
    <h1>El Bowling, juego apasionante.</h1>
    <h2>Queremos aclarar que no somos profesionales del deporte, solamente somos aficionados.</h2>


    Empezaremos con una breve introducción de lo que es el deporte del bowling, conceptos básicos, consejos para elegir equipos, la puntuación, y, por supuesto, el handican, entre otras cosas mas.</p>


    El handicap es una medida que se utiliza para "equilibrar" los marcadores entre jugadores expertos y y novatos; así que si un jugador novato (con un promedio de 100) se enfrenta a un jugador experimentado (digamos un promedio de 200) no tiene muchas posibilidades de ganar, pero con un handicap la situación se empareja.</p>


    El Primer objetivo del juego es mu simple... derribar el mayor número posible de pins con la bola; pero existen pequeños matices que hacen este juego un poquito mas complicado que esta simple frase. Se pretende derribar el mayor número de Pins, o a ser posible todos, en un solo intento, deslizando una bola reglamentaria sobre una pista con dimensiones definidas, sin pasarse de la linea de falta</p>
    </div>
    <div id="pie">pie de pagina
    <div id="pieuno">pie uno</div>
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

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

    </div>
    <div id="pietres">pie tres
    </div>
    <div id="curva-inferior"<a href="index.html">[contenido no disponible]</div>
    </div>
    </body>
    </html>

    -------------------------------------------------------------------------------------
    -------------------------------------------------------------------------------------

    *{tex-indent:0px ; margin:0px ; padding:0px ; border:0px }
    p {text-align: justify }
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center }
    h2 {font.size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ;
    text-align: center }
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior {background-image: url(Imagenes/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow : hidden }
    #cabecera {background-color: purple ; border-left: black 1px solid ;
    border-right: black 1px solid ; height: 85px }
    #logotipo {background-color: pink ; width:280px ; float:left }
    #publicidad {background-color: orange ; 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 40px 0px 40px }
    #navegacion ul {margin-left: 40px }
    #contenido {background-color: yellow ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px }
    #menu {background-color: violet ; width: 150px ; float:left ; text-align:left ;
    margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;
    height: 25px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {background-color: brown ; float:left ; width:150px ; border-right: black 1px solid }
    #piedos {background-color: green ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px ; border-left: black 1px solid }
    #curva-inferior {background-image: url(Imagenes/curva-inferior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    a {color: blue; font-size:1.3em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; tex-decoration:underline ; background-color: silver }
    a:active {}



    agradeciendo de antemano cualquier ayuda, me despido,
    richard33
    • Hola:
    si se da cuenta, verá que usted ha cerrado las capas pieuno y piedos justo después de donde dice pieuno, y la otra donde dice piedos, y ha puesto los enlaces y ha vuelto a cerrar esas capas. En cuanto al pietres ese si que tenía que cerrarlo , y no lo a hecho, creo que debiera de tener en principio los códigos de la manera que le muestro abajo
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

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

    </div>
    <div id="pietres">pie tres</div>
    </div>

    Arregle un poco esto y ya nos dirá
    Saludos
    • Agradecido de los que aprenden enseñando
    richard33 · · Solicitar retirada
    gracias por la ayuda amigo, logre solucionar ese problema, bueno, en parte, por que el pie de pagina me queda arriba de los piuno, piedos y pietres, no deberia ir abajo? como lo soluciono?; y, la cabecera se desplaza mucho, es decir, se desplaza tanto que la publicidad queda entre la cabecera, por favor revisen mi plantilla; http://losmozandillas.sportsontheweb.net/plantilla.html
    Yaneth · · Solicitar retirada
    hola

    mira aqui

    <div id="global">
    <div id="curva-superior"
    [contenido no disponible]</div>

    en verde, abriste un div para poner la curva superior pero te falta cerrar el corchete debe ser asi

    <div id="curva-superior">
    luego inmediatamente despues pones un enlace a la imagen de la curva

    esto es asi=???????deberias tenerlo asi
    checalo bien

    <div id="global">
    <div id="curva-superior">[contenido no disponible]</div>

    ahora la cabecera
    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>

    en rojo abres y cierras el enlace si nada dentro
    deberia ser asi
    <div id="cabecera">
    <div id="logotipo"><a href="index.html">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>

    le has puesto una altura de 250px a la imagen, pero.... la cabecera no mide eso de alto verdad???

    cabecera {background-color: purple ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}

    aqui... o haces mas alta la cabecera o mas bajo el logotipo, este tiene que ser igual o menor que la cabecera

    ajustas esto lo subes, y nos avisas para volverlo a checar

    saludos
    richard33 · · Solicitar retirada
    mil gracias Yaneth y a Raulyure, ya solucione muchos problemas, pero, por favor expliquenme una cosa; el id publicidad debe quedar entre la cabecera? si no me explico muy bien por favor checa mi plantilla:
    http://losmozandillas.sportsontheweb.net/plantilla.html, Y OTRA COSA, EL PIE DE PAGINA ME QUEDA ARRIBA DE LOS PIEUNO, PIEDOS Y PIETRES, en que estoy fallando?; OTRA COSA QUE NOTE, ES QUE CUANDO PONGO EL PUNTERO EN EL MENU HORIZONTAL SE MARCA LOGOTIPO Y PUBLICIDAD, acaso no he cerrado una div? dejo mi css y plantilla con las debidas correcciones;


    CSS

    *{tex-indent:0px ; margin:0px ; padding:0px ; border:0px }
    p {text-align: justify }
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center }
    h2 {font.size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ;
    text-align: center }
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior {background-image: url(Imagenes/curva-superior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    #cabecera {background-color: purple ; border-left: black 1px solid ;
    border-right: black 1px solid ; height: 144px }
    #logotipo {background-color: pink ; width:148px ; float:left }
    #publicidad {background-color: orange ; width:650px ; 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 40px 0px 40px }
    #navegacion ul {margin-left: 40px }
    #contenido {background-color: yellow ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px }
    #menu {background-color: violet ; width: 150px ; float:left ; text-align:left ;
    margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;
    height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {background-color: brown ; float:left ; width:150px }
    #piedos {background-color: green ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px }
    #curva-inferior {background-image: url(Imagenes/curva-inferior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    a {color: blue; font-size:1.3em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; tex-decoration:underline ; background-color: silver }
    a:active {}



    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    plantilla

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"><a href="index.html">[contenido no disponible]</div>
    <div id="cabecera">
    <div id="logotipo"><a><a href="index.html">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Quienes somos
  • Nuestras Fotos
  • Donde Jugar
  • Sitios de Interes

    </div>
    <div id="contenido">
    <div id="menu"><h1>menu</h1>
    <ul>
  • Historia del BowlingJugar al Bowling
  • Equipo
  • Como Contar
    </div>
    <h1>El Bowling, juego apasionante.</h1>
    <h2>Queremos aclarar que no somos profesionales del deporte, solamente somos aficionados.</h2>


    Empezaremos con una breve introducción de lo que es el deporte del bowling, conceptos básica, consejos para elegir equipos, la puntuación, y, por supuesto, el handican, entre otras cosas mas.</p>


    El handicap es una medida que se utiliza para "equilibrar" los marcadores entre jugadores expertos y y novatos; así que si un jugador novato (con un promedio de 100) se enfrenta a un jugador experimentado (digamos un promedio de 200) no tiene muchas posibilidades de ganar, pero con un handicap la situación se empareja.</p>


    El Primer objetivo del juego es mu simple... derribar el mayor número posible de pins con la bola; pero existen pequeños matices que hacen este juego un poquito mas complicado que esta simple frase. Se pretende derribar el mayor número de Pins, o a ser posible todos, en un solo intento, deslizando una bola reglamentaria sobre una pista con dimensiones definidas, sin pasarse de la linea de falta</p>
    </div>
    <div id="pie">pie de pagina
    <div id="pieuno">pie uno
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">piedos
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"><a href="index.html">[contenido no disponible]</div>
    </div>
    </body>
    </html>
    • Raulyure · · Solicitar retirada
    richard33 escribió:mil gracias Yaneth y a Raulyure, ya solucione muchos problemas, pero, por favor expliquenme una cosa; el id publicidad debe quedar entre la cabecera? si no me explico muy bien por favor checa mi plantilla:
    http://losmozandillas.sportsontheweb.net/plantilla.html, Y OTRA COSA, EL PIE DE PAGINA ME QUEDA ARRIBA DE LOS PIEUNO, PIEDOS Y PIETRES, en que estoy fallando?; OTRA COSA QUE NOTE, ES QUE CUANDO PONGO EL PUNTERO EN EL MENU HORIZONTAL SE MARCA LOGOTIPO Y PUBLICIDAD, acaso no he cerrado una div? dejo mi css y plantilla con las debidas correcciones;


    CSS

    *{tex-indent:0px ; margin:0px ; padding:0px ; border:0px }
    p {text-align: justify }
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center }
    h2 {font.size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ;
    text-align: center }
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior {background-image: url(Imagenes/curva-superior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    #cabecera {background-color: purple ; border-left: black 1px solid ;
    border-right: black 1px solid ; height: 144px }
    #logotipo {background-color: pink ; width:148px ; float:left }
    #publicidad {background-color: orange ; width:650px ; 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 40px 0px 40px }
    #navegacion ul {margin-left: 40px }
    #contenido {background-color: yellow ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px }
    #menu {background-color: violet ; width: 150px ; float:left ; text-align:left ;
    margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;
    height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {background-color: brown ; float:left ; width:150px }
    #piedos {background-color: green ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px }
    #curva-inferior {background-image: url(Imagenes/curva-inferior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    a {color: blue; font-size:1.3em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; tex-decoration:underline ; background-color: silver }
    a:active {}



    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    plantilla

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"><a href="index.html">[contenido no disponible]</div>
    <div id="cabecera">
    <div id="logotipo"><a><a href="index.html">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Quienes somos
  • Nuestras Fotos
  • Donde Jugar
  • Sitios de Interes

    </div>
    <div id="contenido">
    <div id="menu"><h1>menu</h1>
    <ul>
  • Historia del BowlingJugar al Bowling
  • Equipo
  • Como Contar
    </div>
    <h1>El Bowling, juego apasionante.</h1>
    <h2>Queremos aclarar que no somos profesionales del deporte, solamente somos aficionados.</h2>


    Empezaremos con una breve introducción de lo que es el deporte del bowling, conceptos básica, consejos para elegir equipos, la puntuación, y, por supuesto, el handican, entre otras cosas mas.</p>


    El handicap es una medida que se utiliza para "equilibrar" los marcadores entre jugadores expertos y y novatos; así que si un jugador novato (con un promedio de 100) se enfrenta a un jugador experimentado (digamos un promedio de 200) no tiene muchas posibilidades de ganar, pero con un handicap la situación se empareja.</p>


    El Primer objetivo del juego es mu simple... derribar el mayor número posible de pins con la bola; pero existen pequeños matices que hacen este juego un poquito mas complicado que esta simple frase. Se pretende derribar el mayor número de Pins, o a ser posible todos, en un solo intento, deslizando una bola reglamentaria sobre una pista con dimensiones definidas, sin pasarse de la linea de falta</p>
    </div>
    <div id="pie">pie de pagina
    <div id="pieuno">pie uno
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">piedos
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"><a href="index.html">[contenido no disponible]</div>
    </div>
    </body>
    </html>
    • Hola:
    Mirándo sus códigos no muy exhautivamente por ahora
    Parece ser que usted en su pagina plantilla, donde dice <div id="logotipo"><a> Ha puesto ese codigo--- <a>--- que no debe estar
    Usted tiene así los códigos de ese sector
    <div id="cabecera">
    <div id="logotipo"><a><a href="index.html">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>
    Y debiera de tenerlos así:

    <div id="cabecera">
    <div id="logotipo"><a href="index.html">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>
    Acerca de lo que pregunta de si el id de publicidad debe quedar entre la cabecera (dentro de ella) así es.
    En la capa cabecera hay dos capas que quedan dentro de ella, una es la capa logotipo y la otra es la capa publicidad
    Saludos
    Saludos
    Agradecido de los que aprenden enseñando
    richard33 · · Solicitar retirada
    nuevamente gracias, les pido por favor, pero, no logro corregir ciertos errores, 1ero: pie de pagina, me queda arriba de los pieuno piedos y pietres, y, segundo: abran mi plantilla:
    http://losmozandillas.sportsontheweb.net/plantilla.html, y coloque el puntero en el menu horizontal (color gris) y veran como se sombrea el logotipo y la publicidad, es decir, pareciera que no cerre algun div, la verdad no veo que falte algo, por favor ayudenme, gracias de nuevo por la colaboracion
    Yaneth · · Solicitar retirada
    hOLA

    Te estamos ayudando, no te desesperes que esto lo arreglamos paso a paso y de arriba hacia abajo, por eso hemos estado hablando de la cabecera,
    ya que de nada sirve hacerlo todo de un jalon porque luego quedan cabos sueltos asi que..... paciencia compañero

    eso que dices de las sombras es por un <a> mal cerrado no por un div

    para hacer un enlace es asi

    <a href="#">enlace<a/>

    y..... te hemos dicho los fallos que tienes.... y en lo personal te pedi que subieras los cambios....
    de lo contrario es muy dificil ayudar... ya que... al menos yo......
    voy ajustando de arriba abajo

    aqui tienes fallo
    div id="curva-superior"><a href="index.html">[contenido no disponible]</div>

    aqui tambien

    checa las respuestas que te hemos dado.... y subes los cambios para revisarlo de nuevo completo

    saludos
    Yaneth · · Solicitar retirada
    hOLA

    Te estamos ayudando, no te desesperes que esto lo arreglamos paso a paso y de arriba hacia abajo, por eso hemos estado hablando de la cabecera,
    ya que de nada sirve hacerlo todo de un jalon porque luego quedan cabos sueltos asi que..... paciencia compañero

    eso que dices de las sombras es por un <a> mal cerrado no por un div

    para hacer un enlace es asi

    <a href="#">enlace<a/>

    y..... te hemos dicho los fallos que tienes.... y en lo personal te pedi que subieras los cambios....
    de lo contrario es muy dificil ayudar... ya que... al menos yo......
    voy ajustando de arriba abajo

    aqui tienes fallo
    div id="curva-superior"><a href="index.html">[contenido no disponible]</div>

    aqui tambien

    checa las respuestas que te hemos dado.... y subes los cambios para revisarlo de nuevo completo

    saludos
    richard33 · · Solicitar retirada
    mil gracias nuevamente y disculpen el desespero, chequeen las correcciones


    *{tex-indent:0px ; margin:0px ; padding:0px ; border:0px }
    p {text-align: justify }
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center }
    h2 {font.size: 1.1em; color:gray ; font-weight: bold ; text-decoration: none ;
    text-align: center }
    body {text-align: center }
    #global {width:800px ; margin:4px auto }
    #curva-superior {background-image: url(Imagenes/curva-superior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    #cabecera {background-color: purple ; border-left: black 1px solid ;
    border-right: black 1px solid ; height: 144px }
    #logotipo {background-color: white ; width:148px ; float:left }
    #publicidad {background-color: orange ; width:650px ; 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 40px 0px 40px }
    #navegacion ul {margin-left: 40px }
    #contenido {background-color: yellow ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px }
    #menu {background-color: violet ; width: 150px ; float:left ; text-align:left ;
    margin: 3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;
    height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {background-color: brown ; float:left ; width:150px }
    #piedos {background-color: green ; float:left ; width:498px }
    #pietres {background-color: red ; float:left ; width:150px }
    #curva-inferior {background-image: url(Imagenes/curva-inferior.gif) ; background-repeat:
    no-repeat ; width:800px ; height:12px ; overflow : hidden }
    a {color: blue; font-size:1.3em ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; tex-decoration:underline ; background-color: silver }
    a:active {}


    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"><a href="index.html">[contenido no disponible]</div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a nuestra web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Quienes somos
  • Nuestras Fotos
  • Donde Jugar
  • Sitios de Interes

    </div>
    <div id="contenido">
    <div id="menu"><h1>menu</h1>
    <ul>
  • Historia del BowlingJugar al Bowling
  • Equipo
  • Como Contar
    </div>
    <h1>El Bowling, juego apasionante.</h1>
    <h2>Queremos aclarar que no somos profesionales del deporte, solamente somos aficionados.</h2>


    Empezaremos con una breve introducción de lo que es el deporte del bowling, conceptos básica, consejos para elegir equipos, la puntuación, y, por supuesto, el handican, entre otras cosas mas.</p>


    El handicap es una medida que se utiliza para "equilibrar" los marcadores entre jugadores expertos y y novatos; así que si un jugador novato (con un promedio de 100) se enfrenta a un jugador experimentado (digamos un promedio de 200) no tiene muchas posibilidades de ganar, pero con un handicap la situación se empareja.</p>


    El Primer objetivo del juego es mu simple... derribar el mayor número posible de pins con la bola; pero existen pequeños matices que hacen este juego un poquito mas complicado que esta simple frase. Se pretende derribar el mayor número de Pins, o a ser posible todos, en un solo intento, deslizando una bola reglamentaria sobre una pista con dimensiones definidas, sin pasarse de la linea de falta</p>
    </div>
    <div id="pie">pie de pagina
    <div id="pieuno">pie uno
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

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

    </div>
    <div id="pietres">pie tres</div>
    </div>
    <div id="curva-inferior"><a href="index.html">[contenido no disponible]</div>
    </div>
    </body>
    </html>
    • Yaneth · · Solicitar retirada
    hola

    le has puesto enlace a la curva suoerior????

    en rojo lo que te sobra
    y en azul lo que te falta
    <div id="curva-superior">[contenido no disponible]</div>

    [contenido no disponible]


    <div id="pie">pie de pagina
    <div id="pieuno">pie uno
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

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

    </div>
    <div id="pietres">pie tres</div>
    </div>

    yyyy
    lo que tienes en pie dos va en pie 3 y viceversa

    saludos :wink: :wink:
    • richard33 · · Solicitar retirada
    primero debo nuevamente darles las gracias por la ayuda, ya solucione mis problemas y modifique la pagina, ahora, quiero saber como dividir el menu vertical, es decir, segun el curso, el menu vertical aparece sin ningun tipo de division, mas que los puntos que por defecto aparecen, entonces, COMO HAGO PARA SEPARAR CADA ITEM DEL MENU?
    Yaneth · · Solicitar retirada
    hola

    en la hoja de estilos tienes algo asi

    menu li {}

    es ahi donde puedes ponerle las caracteristicas, intenta aumentando el pading

    saludos
    richard33 · · Solicitar retirada
    nuevamente gracias, ya corregi todos los problemas, mil gracias. ahora, quisiera que me explicaran como crear las paginas adicionales de mi web, o sea, el menu esta compuesto por 5 item, ejemplo, como jugar (1), el Bowling (2), etc........ pregunto; como creo una pagina para hablar del primer item (como Jugar), y, como enlazo esa pagina con la principal y veicevera?,y, lo otro, para saber si los enlaces estan bien, tengo que bajarlas a internet?
    no se que hacer............si no es mucho pedirles expliquenme como a un niño de 10 años, ya que mi profesion no tiene nada que ver con esta materia........gracias
    Yaneth · · Solicitar retirada
    hola

    para hacer pàginas adicionales, abres tu plantilla
    luego le das guardar como:

    por ejemplo

    perros.html

    luego vas al menu donde quieres enlazar
    y dice algo asi

    ENLACE 1

    pues lo modificas para que quede asi

    PERROS

    saludos