Entrar

redondeo superior

dianavm · · Solicitar retirada
Hola:
Al poner los datos para el redondeo superior no se ve luego en la plantilla. Cuando lo hago para el inferior sí me queda como tiene q ser. No se p q, copie el dibujo y lo agregué a la carpeta objetos con el nombre de curva-superior, y luego he escrito en estilos general exactamente lo q pone en el curso. ayuda...
Novato · · Solicitar retirada
hola, copia lo que tengas en la plantilla y en la hoja de estilos y pegalo en un mensaje y será más facil ayudar, aunque es mejor si nos das la URL (el nombre) de tu web.
Un saludo.
dianavm · · Solicitar retirada
Hola:
Esto es lo q tengo en estilos :

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
<html>
<head>

body {text-align: center}




#global {width:800px ; margin: 4px auto }
#cabecera {background-color: yellow ; border-left: black 1px solid ; border-right: black 1px solid ; }
}
#navegacion {background-color: gray ; border: black 1px solid}
#contenido {background-color: orange ; border:border-left: black 1px solid ; border-right: black 1px solid }
;}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
#menu {background-color: pink; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px}
#pie {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }

#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}
a:active {}
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>
</html>
Y en plantilla:
<!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>GALERÍA CIFUENTES</h1>
    <h2>Indice de contenidos</h2>


    nnnnn.</p>
    </div>
    <div id="pie">Este es el pie de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    • omar.piamba · · Solicitar retirada
    Hola:
    yo veo bien la de arriba...

    Lo que también veo es que le sobra esto que sigue en la hoja de estilo-general.css:

    al principio de la hoja de estilo esto:

    <html>
    <head>

    y al final de la hoja de estilo esto:

    </body>
    </html>

    Elimine esas cosas de la hoja de estilo-general.css
    omar.piamba · · Solicitar retirada
    Hola:
    yo veo bien la de arriba...

    Lo que también veo es que le sobra esto que sigue en la hoja de estilo-general.css:

    al principio de la hoja de estilo esto:

    <html>
    <head>

    y al final de la hoja de estilo esto.

    </body>
    </html>

    Elimine esas cosas de la hoja de estilo-general.css
    dianavm · · Solicitar retirada
    ya he quitado eso, pero sigue sin verse el redondeo superior. El de abajo esta bien y arriba se quita la linea negra pero falta el redondeo.
    Raulyure · · Solicitar retirada
    dianavm escribió:Hola:
    Esto es lo q tengo en estilos :

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    <html>
    <head>

    body {text-align: center}




    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: yellow ; border-left: black 1px solid ; border-right: black 1px solid ; }
    }
    #navegacion {background-color: gray ; border: black 1px solid}
    #contenido {background-color: orange ; border:border-left: black 1px solid ; border-right: black 1px solid }
    ;}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
    #menu {background-color: pink; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px}
    #pie {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }

    #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}
    a:active {}
    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>
    </html>
    Y en plantilla:
    <!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>GALERÍA CIFUENTES</h1>
    <h2>Indice de contenidos</h2>


    nnnnn.</p>
    </div>
    <div id="pie">Este es el pie de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    • Hola:

    Creo, si no me equivoco que usted tiene algunos pequeños errores, por ejemplo usted tiene puesto códigos que deben de estar en su página y no en su hoja de estilo, por ejemplo en su hoja de estilo usted tiene puesto <html>
    <head>
    Luego al final de su hoja de estilo tiene usted puesto
    </body>
    </html>
    Le sugiero que elimine esos códigos de su hoja de estilo, fuera de eso sería conveniente ordenar un poco la hoja de estilo, por ejemplo dejarla asi:


    * {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: yellow ; border-left: black 1px solid ; border-right: black 1px solid ; }
    #navegacion {background-color: gray ; border: black 1px solid}
    #contenido {background-color: orange ; border:border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
    #menu {background-color: pink; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px}
    #pie {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    #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}
    a:active {}
    Después que la ordene veremos cual puede ser la razón del problema

    Saludos
    Agradecido de los que aprenden enseñando
    dianavm · · Solicitar retirada
    :oops: :oops: :oops: :oops:
    Perdón por ser pesada pero es que he hecho lo que me han aconsejado y sigue sin aparecer el redondeo superior. A ver si saben lo que pasa. Gracias
    Raulyure · · Solicitar retirada
    dianavm escribió::oops: :oops: :oops: :oops:
    Perdón por ser pesada pero es que he hecho lo que me han aconsejado y sigue sin aparecer el redondeo superior. A ver si saben lo que pasa. Gracias

    Hola:
    Es posible que cuando bajó la imagen curva-superior, a diferencia de la inferior, por alguna razón le haya puesto usted como nombre curva-superior.gif, eso significaría que esa imagen se llamaría en estos momentos curva-superior.gif con extensión gif, lo que resumiendo sería realmente curva-superior.gif.gif.
    Pruebe usted agregándole a la imagen en la hoja de estilo general ese .gif, o sea déjela de esta manera: curva-superior.gif.gif
    Luego revise en su página si aparece la curva
    Si persiste el problema, puede hacer lo siguiente.
    Vaya a la carpeta "web-ejemplo-cctw" del escritorio, abra la carpeta "objetos", saque de allí la imagen en cuestión, póngala en su escritorio, luego haga click derecho sobre ella y en el desplegable que se abre elija "abrir con", y elija el Paint.
    Cuando ya la tenga abierta con el Paint (también puede abrirla con el Photoshop), pulse en "archivo" y elija "guardar como", cuando se abra la ventana, abajo donde dice "nombre" escriba curva-superior1 (solo escriba curva-superior1) Luego en la casilla de abajo, donde dice "tipo", pulse en la flecha que hay a la derecha de donde dice tipo y en el desplegable elija gif.
    Luego de eso, guardela en su escritorio, ahora tendrá dos imagenes en su escritorio, coja la que acaba de guardar (curva-superior1.gif), y pongala en la carpeta objetos (la que está dentro de la carpeta "web-ejemplo-cctw").
    Luego abra el HTML-KIT, y en su hoja de estilo general, reemplace la directiva para esa imagen :
    #curva-superior{background-image:url(objetos/curva-superior.gif.gif);
    background-repeat:no-repeat;
    width:800px;
    height:12px;
    overflow:hidden}
    Pruebe las dos formas que le he indicado, puede que con alguna de ellas se arregle el problema
    saludos
    Agradecido de los que aprenden enseñando
    dianavm · · Solicitar retirada
    Muchas gracias. Ya lo he solucionado, era lo primero, me faltaba el gif último.