Entrar

necesito ayuda con los bordes

sevikenovi · · Solicitar retirada
Necesito ayuda con los bordes porque se salen por abajo y no hay por arriba y encima con un fondo queda muy feo, aparte la curva superior tiene una altura extraña!! os dejo el codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>XXXXXXXXXXXXXXXXXXXXXXX</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Título de Sección</h1>
    <ul>
  • Portada
  • Historia del grupo
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <h1>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</h1>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</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 los estilos:
    *{text-indent: 0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center}
    #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:rigth ; margin-top:25px ; font-size: 16px}
    #navegacion {background-color: grey; border: black 1px solid ; height:20px}
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p{padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom: 5px}
    #pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px }
    #pieuno {float:left ; width:150px}
    #piedos {float:left ; width:496px}
    #pietres {float:left ; width:150px}
    #global {width:800px ; margin: 4px auto }
    #menu li {list-style:none ; margin:4px 8px 4px 6px ; font-size:12px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    a {color:brown ; text-decoration:none}
    a:link {}
    a:visited{}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a{color:brown ; text-decoration:none ; display:block}
    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}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; overflow: hidden}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; overflow: hidden}
    #navegacion li {float: left ; list-style:none ; margin: 0px 20px 0px 20px ; font-size:12px}
    #navegacion ul {margin-left: 60px}
    #menu h1{text-decoration:none ; font-size: 12px ; background-image: url(objetos/menu-curva-superior.gif) ; padding-top: 12px}
    #pie li{ list-style: none; font-size: 12px}
    #pie a:link {}
    #pie a:visited{}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white}
    #pie a:active {color:black}
    #pie a {color:blue ; text-decoration:none ; display:block}
    • ar1980 · · Solicitar retirada
    sevikenovi escribió:Necesito ayuda con los bordes porque se salen por abajo y no hay por arriba y encima con un fondo queda muy feo, aparte la curva superior tiene una altura extraña!! os dejo el codigo html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>XXXXXXXXXXXXXXXXXXXXXXX</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    </head>
    <body>
    <div id="global">

    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    <div id="navegacion">
    <ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Título de Sección</h1>
    <ul>
  • Portada
  • Historia del grupo
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <h1>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</h1>


    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</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 los estilos:
    *{text-indent: 0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center}
    #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:rigth ; margin-top:25px ; font-size: 16px}
    #navegacion {background-color: grey; border: black 1px solid ; height:20px}
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p{padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom: 5px}
    #pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px }
    #pieuno {float:left ; width:150px}
    #piedos {float:left ; width:496px}
    #pietres {float:left ; width:150px}
    #global {width:800px ; margin: 4px auto }
    #menu li {list-style:none ; margin:4px 8px 4px 6px ; font-size:12px}
    a {color: blue; font-size:1.3em ; text-decoration: none}
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    a {color:brown ; text-decoration:none}
    a:link {}
    a:visited{}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    a{color:brown ; text-decoration:none ; display:block}
    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}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; overflow: hidden}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; overflow: hidden}
    #navegacion li {float: left ; list-style:none ; margin: 0px 20px 0px 20px ; font-size:12px}
    #navegacion ul {margin-left: 60px}
    #menu h1{text-decoration:none ; font-size: 12px ; background-image: url(objetos/menu-curva-superior.gif) ; padding-top: 12px}
    #pie li{ list-style: none; font-size: 12px}
    #pie a:link {}
    #pie a:visited{}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white}
    #pie a:active {color:black}
    #pie a {color:blue ; text-decoration:none ; display:block}



    • Hola, con que bordes tenes problemas ?
    De todas formas cualquier problema que tengas con los bordes lo debes de arreglar del .css u hoja de estilos / style, como lo llames.

    Por ejemplo en el pie dice:

    #pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px }

    Quiere decir que tenes:

    border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid

    a la izquierda un borde de color negro de 1 px y que el mismo es solido,
    a la derecha un borde de color negro de 1 px y que es solido
    y arriba un borde de color negro de 1 px solido.
    Abajo nada.

    Habria que ver cual es el borde que tenes problemas. Pasanos la pagina subida a internet para poder interpretar mejor el fallo.

    Saludos