Entrar

Tercera lección: redondeado en Mozilla

palmamar · · Solicitar retirada
Como dices que te digamos los problemas , pues allá voy...¡¡que para eso os molestais tanto!!
En la tercera lección, despues de redondeado inferior

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }

en Mozilla la curva de arriba sigue separada y la de abajo no se ve...


Muchas gracias
palmamar · · Solicitar retirada
Ok. Gracias.

CSS:

* {margin:0px ; padding:0px ; border: 0px}
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 ; }
#navegacion {background-color: gray ;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 {list-style:none ; margin: 4px 0px 4px 6px}
#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; background-color: silver}
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}


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>

    De aqui en adelante iré añadiendo contenidos a ver que pasa</p>
    <h2>Vamos escribiendo</h2>.

    Pues nada, a escribir para que esto vaya tomando buen aspecto.Que seguro
    que me sale bien porque no es tan difícil siguiendo los consejos de estos chicos.Pues todavia
    tengo que escribir un poco mas porque no pasa la linea del menú lateral:,menuda buena pinta va
    teniendo esto oye.
    Pero aún no lo he logrado.Pues sigo escribiendo.
    Paso a otra linea a ver que pasa.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>

    </div>
    </body>
    </html>

    En mi ordenador si se ve bien, pero al subirlo, en Mozilla no lo veo bien...

    Gracias de nuevo...¡¡y descansa!!
    • Yaneth · · Solicitar retirada
    te falta ;

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px;
    overflow: hidden }

    te sobra:

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

    te sobra espacio

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat; width:800px ; height: 12px ;overflow : hidden}



    :wink:
    palmamar · · Solicitar retirada
    Hola Yaneth.
    Gracias por la respuesta, pero lo que me dices que falta sí que está: te lo marco en rojo y cursiva en el mensaje anterior.
    La llave esa del espacio no sé por qué se me ha colado al pegar...
    Los bordes los quitaré a ver que pasa...pero en el tutorial se ponen...y en mi ordenador se ven...Lo pruebo y te cuento.

    De nuevo gracias.
    palmamar · · Solicitar retirada
    Ya se ve bien: he quitado los espacios que me sobraban. ¡¡Esto es la leche para los novatos como yo!!, je,je...!! Gracias por tu tiempo y tu paciencia