Entrar

Problema con esquinas redondeadas

R15ROB15R · · Solicitar retirada
Hola amigos y amigas, mi problema es que al colocar las esquinas redondeadas en mi página estas salen, pero más arriba de lo normal, o sea un poco separadas... Mis códigos son:

estilo-general.css

*{margin:0px ; padding:0px ; border:0px}
body {text-align: center}
a {color: blue ; text-decoration: none ; display: block}
a:link {}
a:visited{}
a:hover {color: red ; text-decoration: underline ; background-color: silver}
a:active {}
#global {width:800px ; margin:4px auto}
#cabecera {background-color= pink ; border-right: black 1px solid ; border-top: black 1px solid}
#navegacion {background-color= silver ; 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= brown ; border: black 1px solid}
p {text-align: justify}
h1 {font-size 1,2 em ; color: blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size 1,1 em ; 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 ; height: 12px }



plantilla.html

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" typ="text7css"
media="all">
<title>Page Titile</title>
</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>


    Por dicha me enseñaron a alinearlos porque antes parecía mas una poesía que una web. jejeje...</p>
    </div>
    <div id="pie"> Este es el pié de página</div>
    </div>

    </body>
    </html>
    • fernando mendoza · · Solicitar retirada
    Hola bienvenidos/as donde todos/as aprendemos de uno y uno aprende de todos: es importante guardar un orden tanto en plantilla.html y en su hoja de estilo-general.css aqui le dejo mas o menos para que lo haga y tiene que corregir en la relacion de la hoja de estilo debe quedarle asi:
    <link rel="stylesheet" href="estilo-general.css" type="text/css"
    media="all">
    y en donde va la curva superior le debe quedar asi:

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

    corrija eso y nos dice si se arreglo.

    * {text-indent:opx ; margin:0px ; padding:0px ; border: 0px}
    p { }

    h1 { }

    h2 { }

    body { }

    #global { }

    #curva-superior {}

    #cabecera {}
    #logotipo { }
    #publicidad { }

    #navegacion {}
    #navegacion li { }
    #navegacion ul { }

    #contenido { }
    #contenido p { }

    #menu { }

    #menu li { }
    #menu h1 {}

    #pie { }
    #pie li { }
    #pieuno { }
    #piedos { }
    #pietres { }

    #curva-inferior { }

    a { }
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}

    #pie a { }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover { }
    #pie a:active {}

    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {}
    #logotipo a:active {}

    #publicidad a {}
    #publicidad a:hover

    saludos.