Entrar

contenido fuera de página

danielo · · Solicitar retirada
Hola: la parte naranja de la página se me salió por la derecha. les dejo una copia de la hoja de estilos para que me puedan ayudar con el tema. también quisiera saber como cambiar el color de cada página. muchísimas gracias por el curso y el soporte técnico y humano. danielo/uruguay

*{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}
#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; width:auto; border: black 1px solid}
#contenido p {padding: 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-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 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 {}
#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 {}

por las dudas aca va el index/plantilla:

<!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>Página Oficial de la Banda</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</div>
</div>
<div id="navegacion">
<ul>
  • <a href="index.html">Portada<a/>
  • <a href="historia/historia.html">Historia<a/>
  • <a href="discografia/discografia.html">Discografia<a/>
  • <a href="conciertos/conciertos.html">Conciertos<a/>
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <div id="contenido">


    <h1>Presentación</h1>


    BlablablaXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>
    </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
  • Top Site
  • Mapa de la Web

    </div>
    </div>

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

    y el link: http://elojolibros.onlinewebshop.net/
    • luisf · · Solicitar retirada
    Buenas noches danielo: tal vez podrías ingresarle una margen al #contenido algo así como {.......;margin : 0 auto; width : 798px;.....}
    y tal vez te corrija parte del error, sino cuéntanos y alguien con gran destreza como los hay en el foro te pueda colaborar

    Cordialmente
    luisf

    www.samaelsirio.com
    luisf · · Solicitar retirada
    para el cambio de color en las paginas puedes jugar con algunas partes como
    #cabecera{background-color: white;}
    #navegacion{background-color:gray; border:black 1px solid;height: 20px}
    #contenido{background-color: orange; width:auto; border: black 1px solid}

    todo a su debido tiempo

    cordialmente

    luisf
    www.samaelsirio.com
    danielo · · Solicitar retirada
    luisf escribió: tal vez podrías ingresarle una margen al #contenido algo así como {.......;margin : 0 auto; width : 798px;.....}

    Gracias por la pronta respuesta. Lamentablemente no se solucionó el problema. Probé con lo que me indicaste, y nada. Después traté variando un poco los valores de widht, pero no cambió nada, así que lo volví a dejar tal cual está copiado. un saludo: danielo.
    Yaneth · · Solicitar retirada
    tu fallo es de los mas comunes al principio

    cambia esto



    BlablablaXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p

    por esto



    BlablablaXXXXXXXXXX XXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p


    como veràs solamente agreguè unos espacios en blanco
    jejejej

    cuando escribes palabras, no lo haces todas pegadas sin espacios verdad?????

    jejejejejejeje

    :wink:
    danielo · · Solicitar retirada
    Yaneth escribió:tu fallo es de los mas comunes al principio


    :wink:

    buenísimo...problema solucionado. gracias Y.