Entrar

Problemas con los bordes o margenes

diemarpi · · Solicitar retirada
http://prueba1.mypressonline.com/plantilla.html
Hola que tal, mi nombre es Pilar. He seguido el curso de principio a fin y en principio no he tenido problemas e acabado con el ejemplo, y bueno todavía no me he atravido ha hacer nada por mi cuenta, porque tengo un problema con los bordes.
En la pagina de portada se ven correctamente sin problemas, pero cuando vas a un enlace como historia o cualquier otro, se ven descuadrados y repetidos. Si los elimino de la hoja de estilos css, claro ya me quedan bien en los enlaces de historia, etc., pero en portada me desaparecen, no se que ha pasado, pero me estoy rallando, me podrías ayudar.

Gracias :
fernando mendoza · · Solicitar retirada
Hola bienvenido/a donde todos aprendemos de uno y uno aprende de todos: puede ayudarnos usted a nosotros primero por favor (¿como?) mostrandonos la plantilla index.html y hoja de estilo-general.css gracias.
saludos.
diemarpi · · Solicitar retirada
Bueno hay va:
Codigo index.htm
<!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 a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <div id="contenido">


    <h1>Bienbenidos a la página oficial de la Banda "Pepito Grillo"</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>

    Código html de la página historia, por ejemplo:

    <!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>Historia 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 a mi Web</div>
    </div>
    <div id="cabecera">
    <div id="navegacion">
    <ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Historia</h1>
    <ul>
  • Origen
  • Miembros
  • Formación Actual
  • Albúm de Fotos
    </div>

    <h1>"Esta es la historia de la banda"</h1>


    "La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo? Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra. Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música.
    Así nació la banda, imagino que, igual que muchas otras".</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>

    Código de la hoja estilos general css:
    * {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[1].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; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {margin: 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[1].gif); background-position: bottom ; padding-bottom:5px }
    #menu li { list-style:none; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:nome ; font-size: 12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior[1].gif)}
    #pie {border-left: black 1px solid ; border-right:black 1px solid ; border-top: black 1px solid ; height: 85px }
    #curva-inferior { background-image: url(objetos/curva-inferior[1].gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow: hidden }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ;width:498px }
    #pietres {float:left ; width:-150px }
    #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:blue}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline; background-color: silver}
    a:active {}
    a.enlaceuno {}
    a.enlaceuno:link {}
    a.enlaceuno:visited {}
    a.enlaceuno:hover {}
    a.enlaceuno:active {}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    Espero que con esto os valga, para decir cual es el posible error

    Un saludo, gracias