Entrar

redondear los bordes

gabrielete_27 · · Solicitar retirada
no consigo que me salga :cry:

mi plantilla es asi:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Inicio - Web de gabrielete_27</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<h3>[contenido no disponible]</h3>
<div id="curva-superior"></div>
<div id="navegacion">Barra de Navegación</div>
<div id="menu">MENÚ
<ul>
  • Fotos
  • Música
  • Videos

    </div>
    <div id="pie"><h1>Zona principal</h1><h3>

    Esta es una pagina ke he echo por aburrimiento y que mayor mente e distribuido entr mis amigos y conocidos en el que voy a pone cosas varias como musica videos o fotos </p>Este es mi mail por si hay dudas<p este es mi mail por si hay dudas class="centrado">[contenido no disponible][correo eliminado][contenido no disponible]</p>


    Este es mi fotolog y mi metroflog</p>


    [contenido no disponible]www.fotolog.com/gabrielete_27[contenido no disponible]

    </p>

    [contenido no disponible]www.fotolog.com/gabrielete_27[contenido no disponible]</div></h3>
    </body>
    <div id="contenido">

    Copyright ©</p>
    <div id="curva-inferior"></div>

    </html>

    y mi hoja de stilos es asi:

    #global {width:800px ; margin: 4px auto }
    body {text-align: left}#cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion { background-color: orange ;
    border-left: black 1px solid ;
    border-right: black 1px solid}
    #menu {border: 1px solid black ;background-color: gray; font-size:1.8em ; width: 150px ; float:left; border-top: black 1px solid }
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    body {background-image: url(objetos/z.gif)}
    .centrado {text-align:center}
    #menu li { list-style:none }
    #menu li { ...propiedades..... 0}
    * {margin:0px ; padding:0px ; border: 0px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:0.6em ; text-decoration: none}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {................... margin:3px 10px 3px 3px}
    #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 }
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
    h1 {font-size: 1.2em; color:purple ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h3 {font-size: 0.9em; color:dark ; font-weight: none ; text-decoration: none ; text-align: center}

    y no me peta. alguien me ayuda :?:
    • RogexdarK · · Solicitar retirada
    Osea no te salen las curvas de ariiba y la parrtte dde abajo . pues esas son imagenes en si nada se curva solo el imagen .. q le pongas..
    Novato · · Solicitar retirada
    Una pregunta...¿tu que curso estas haciendo?...es que tienes un lio en la plantilla tremendo, lo raro no es que no funcione, lo raro sería que funcionara..vamos a ver.. tu habres un <html> luego más abajo lo cierras </html> con esto lo que estas haciendo es abrir la pagina web, y la estas cerrando, con lo que todo lo que tengas por debajo de ese cierre o no sale o saldrá muy mal y descuadrado o algo. Una pagina web para que vaya bien solo hay que abrir un codigo <html> y cerrarlo al final del todo.., lo mismo sucede con las etiquetas <head> y <body> que las abres y cierras sin ton ni son, la estructura será:

    <html>
    <head>
    </head>
    <body>
    </body>
    </html>

    Entre <head> y </head> hay que meter lo que no quieres que se vea en tu pagina web pero que es necesario para que funcione, por ejemplo el titulo:

    <head>
    <title>Pagina principal</title>
    </head>

    Dentro de <body> y </body> es lo que la gente ve..por ejemplo los textos, los menús, las imagenes,etc.

    yo te recomiendo que sigas los pasos poco a poco y cuando llegues a un punto en el que no sepas preguntes ya que veo que en algunos casos has usado copiar y pegar sin más..(en la hoja de estilos tienes esto:)


    #global {width:800px ; margin: 4px auto }
    body {text-align: left}#cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion { background-color: orange ;
    border-left: black 1px solid ;
    border-right: black 1px solid}
    #menu {border: 1px solid black ;background-color: gray; font-size:1.8em ; width: 150px ; float:left; border-top: black 1px solid }
    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    body {background-image: url(objetos/z.gif)}
    .centrado {text-align:center}
    #menu li { list-style:none }
    #menu li { ...propiedades..... 0}
    * {margin:0px ; padding:0px ; border: 0px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    a {color: blue; font-size:0.6em ; text-decoration: none}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {................... margin:3px 10px 3px 3px}
    #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 }
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
    h1 {font-size: 1.2em; color:purple ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h3 {font-size: 0.9em; color:dark ; font-weight: none ; text-decoration: none ; text-align: center}


    está desordenada, hay cosas que no tienen sentido, en fin ,lo dicho, lo raro sería que funcione.