Entrar

la capa publicidad se cae (literalmente, jeje)

brans · · Solicitar retirada
por favor revisar mi codigo porque la capa publicidad esta muy por debajo del contenido cuando deberia estar al lado:

Index:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mi Primera Pagina Web Con AprendeACrearTuWeb!</title>
<link href='estilos.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="contenedor-todo">
<div id="cabecera">cabecera de mi pagina web</div>

<div id="navegacion">menu navegacion de mi pagina web</div>
<div id="contenedor-menu-hasta-publicidad">
<div id="menu">
<h1>Secciones</h1>
<ul>
  • Inicio
  • Introducción
  • Razas
  • Alojamiento
  • Alimentación
  • Cuidados
  • Adiestramiento
  • Lenguaje Felino
  • Anatomía
  • Vacunas
  • Enfermedades con cura
  • Juegos y Juguetes
  • Género del Gat@
  • Esterilización y Castración
  • Reproducción
  • Vejez
  • Webs Amigas
  • Contacto
  • Videos de Gatos

    </div>
    <div id="contenedor-contenido">
    <div id="contenido">
    <h1>TITULO PARA MIS PÁRRAFOS</h1>


    Aca va el contenido de nuestra pagina web</p>


    Mi tercer parrafo y ya me esta gustando colocarlos.</p>


    Cuarto parrafo gracias a AprendeaCrearTuWeb.com.</p>


    Si me doy cuenta los parrafos nos pasan a la siguiente linea
    una vez comenzado otro.</p>


    Es duro fracasar en algo, pero es mucho peor no haberlo intentado.</p>
    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="100" direction="left" loop="-1" width="550SSS" height="140">
    [contenido no disponible]
    </marquee>
    </div>

    </div>
    </div>
    <div id="publicidad">publicidad de mi pagina web</div>
    </div>
    <div id="pie">pie de mi pagina web</div>
    </div>
    </body>
    </html>


    Estilo:

    *{margin:0px;padding:0px;border:0px}
    body{text-align:center}
    #cabecera{background-color:#FF0000}
    #navegacion{background-color:#0000FF}
    #menu{background-color:#FFE4B5 ; float:left;width:174px ; margin:4px 2px 4px 2px}
    #menu h1{background-color:#FF9900;color:#FFFFFF; font-size:16px ; padding:5px 0px 5px 0px ; background:url(imagenes/menu-imagen-superior.png)}
    #menu li{list-style:none ; text-align:left ; border-bottom:1px solid #FFCC33}
    #menu a{text-decoration:none ; display:block ; padding:4px 3px 4px 15px}
    #menu a:hover{background-color:#FFFF99}
    #contenedor-contenido{background-color:#ffffff;width:580px;float:left ; margin-top:6px; padding-bottom:6px}
    #contenido{background-color:#FAF0E6 ; text-align: justify ; padding:10px 10px 10px 10px ; border-left:1px solid #000000;border-right:1px solid #000000}
    #contenido h1{color:#FF8C00;font-size:18px;font-weight:bold;text-decoration:underline}
    #publicidad{background-color:#FFFF00 ; float:right ; width:178px ; height:390px; margin-top:6px; margin-bottom:6px}
    #pie{background-color:#00FFFF ; clear:both}
    #contenedor-todo{width:940px}
    #contenedor-menu-hasta-publicidad{width:938px; background-color:#ffffff; float:left;border-top:1px solid #000000; border-right:1px solid #000000;border-left:1px solid #000000}
    * html #contenedor-menu-hasta-publicidad{width:940px}


    GRACIAS.... :wink:
    • spitfire2 · · Solicitar retirada
    Buenas, tienes un </div> de mas que hace que la capa contenedor-menu-hasta-publicidad se cierre antes, dejando la capa publicidad afuera, por lo tanto la envia abajo, borra la roja y funcionara, saludos.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Mi Primera Pagina Web Con AprendeACrearTuWeb!</title>
    <link href='estilos.css' rel='stylesheet' type='text/css'>
    </head>
    <body>
    <div id="contenedor-todo">
    <div id="cabecera">cabecera de mi pagina web</div>

    <div id="navegacion">menu navegacion de mi pagina web</div>
    <div id="contenedor-menu-hasta-publicidad">
    <div id="menu">
    <h1>Secciones</h1>
    <ul>
  • Inicio
  • Introducción
  • Razas
  • Alojamiento
  • Alimentación
  • Cuidados
  • Adiestramiento
  • Lenguaje Felino
  • Anatomía
  • Vacunas
  • Enfermedades con cura
  • Juegos y Juguetes
  • Género del Gat@
  • Esterilización y Castración
  • Reproducción
  • Vejez
  • Webs Amigas
  • Contacto
  • Videos de Gatos

    </div>
    <div id="contenedor-contenido">
    <div id="contenido">
    <h1>TITULO PARA MIS PÁRRAFOS</h1>


    Aca va el contenido de nuestra pagina web</p>


    Mi tercer parrafo y ya me esta gustando colocarlos.</p>


    Cuarto parrafo gracias a AprendeaCrearTuWeb.com.</p>


    Si me doy cuenta los parrafos nos pasan a la siguiente linea
    una vez comenzado otro.</p>


    Es duro fracasar en algo, pero es mucho peor no haberlo intentado.</p>
    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="100" direction="left" loop="-1" width="550SSS" height="140">
    [contenido no disponible]
    </marquee>
    </div>

    </div>
    </div>
    <div id="publicidad">publicidad de mi pagina web</div>
    </div>
    <div id="pie">pie de mi pagina web</div>
    </div>
    </body>
    </html>
    • spitfire2 · · Solicitar retirada
    Si quieres puedes transformar la imagen en movimiento, en un enlace, para que lleve a los usuarios, por ejemplo a una galeria de fotos o lo que tu quieras, debes dejarlo asi:

    <marquee onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="100" direction="left" loop="-1" width="550SSS" height="140">
    [contenido no disponible]
    </marquee>

    Obviamente en donde esta la # debes poner el destino, saludos

    PD: Feliz va con Z, saludos.
    brans · · Solicitar retirada
    Y tambien quiero poner una imagen en la parte inzuierda de la cabecera (la tipica imagen que clicas y te redirige al index)... como se hace. lo he probao pero se me desconfigura muchisimo... ayuda
    brans · · Solicitar retirada
    brans escribió:Y tambien quiero poner una imagen en la parte inzuierda de la cabecera (la tipica imagen que clicas y te redirige al index)... como se hace. lo he probao pero se me desconfigura muchisimo... ayuda

    PD.: Sobre lo de Felis, esta palabra viene del Latin, Felis Catus o algo asi.