Entrar

Problemas con curva superior e inferior

elmenda · · Solicitar retirada
Hola a todos.

Tengo problemas con las curvas superior e inferior de mi pagina que es esta:

http://miprimerapaginita.myartsonline.com/index.html

(Aun por rekete-retocar claro)

Por lo menos con Firefox y Opera no se ven las curvas superior e inferior.

Este es mi codigo de estilo.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.gif) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; margin: 0px 0px -7px 0px}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width:280px ; float:left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white}
#logotipo a:active {}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: #D2B48C ; 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: #F5F5DC ; 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: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-curva-superior.gif) ; padding-top:12px}
#pie {background-color: white ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; margin: 0px 0px -10px 0px}
#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:798px ; heigth: 12px ; overflow: hidden ; padding-bottom:5px}
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}

Por mas vueltas que le doy nada. En el HTML-Kit se ve mas o menos bien, excepto por unas rayitas abajo:

[contenido no disponible]


Si me pueden ayudar plis, gracias.
JorGens · · Solicitar retirada
Qué tal?

Peganos también el codigo html de la plantilla vale? Quizás esté ahi el problema

Has guardado los archivos de las curvas, (curva-inferior.gif etc) en la carpeta objetos? Tienen ese mismo nombre?
elmenda · · Solicitar retirada
jorgens escribió:Qué tal?

Peganos también el codigo html de la plantilla vale? Quizás esté ahi el problema

Has guardado los archivos de las curvas, (curva-inferior.gif etc) en la carpeta objetos? Tienen ese mismo nombre?

Hola.

Pues al final indagando indagando le puse un padding a las dos curvas y parece que no se ve mal, (no se porque) salvo por las dos rallitas laterales de abajo:

http://miprimerapaginita.myartsonline.com/

mi codigo html es este:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="shortcut icon" href="http:BROCHA.ico">
<title>TrucosDecor Lusan</title>
<link rel="stylesheet" href="estilos.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"><h1>www.TrucosDecor-Lusan.com</h1></div>
</div>
<div id="navegacion">
<ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs</div>

    <div id="contenido">
    <h1>Bienvenidos a TrucosDecor-Lusan</h1>


    Bienvenido a la página de trucos y decoración de Luis y Sandra. En este portal puedes estar informado de todo lo referente al grupo, desde su historia hasta sus próximos conciertos, pasándo por su completa discografía, descarga de cosas interesantes e incluso por nuestra tienda online, en la que puedes encargar tu camiseta del grupo</p>


    No olvides visitarnos en el foro y dejar tus comentarios</p>


    Gracias por la visita, esperamos verte pronto! </p></div id>

    <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 id="curva-inferior"></div>
    </div id>
    • meelitesuena · · Solicitar retirada
    Hola
    vi que tenias problema con Una capa nueva para el borde superior. Yo tngo el mismo problema cuando hago viste provia no me aparece la curva superior mira te muestro mis codigo en plantilla.html



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</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">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    </div>
    <h1>Esta será la zona principal de la web</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">Este es el pié de página</div>
    </div>


    </body>
    </html>




    • mi codigo en estilo-general.css

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    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 }
    #cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion {background-color: pink ; border: black 1px solid }
    #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 {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
    #menu li { ...propiedades..... }
    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}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: brown ; border: black 1px solid }
    #global {width:800px ; margin: 4px auto }
    p {text-align: justify}

    La verdad nose cual es el problema si me podes ayudar te voy agraadecer mucho.
    Adios! :D