Entrar

NO SE REDONDEA EL BORDE

pedrucho · · Solicitar retirada
PERDONAR DE NUEVO ,pero no logro que los bordes se redondeen.
tengo en index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>mi plantilla</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í.
    <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.


    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>
    y tengo en estilo-general:

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

    <html>
    <head>
    <title>mi plantilla</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í.
    <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.


    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>


    es exactamente lo que me piden,pero no se por que no se ve.gracias por vuestra ayuda
    • kimapa · · Solicitar retirada
    Yo diria que te olvidaste de pegar la hoja de estilos.
    ---.Saludos.---
    pedrucho · · Solicitar retirada
    si perdonar kimapa,me confundi al copiar.

    mi plantilla es:

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

    <html>
    <head>
    <title>mi plantilla</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">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </div>

    <div id="publicidad">Bienvenidos a mi Web</div>
    </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í.
    <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.


    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 id="curva-inferior"></div>
    </div>
    </body>
    </html>

    y mi estilo-general es:

    * {text-indent:0px ; 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 ; height:85px}

    #logotipo { width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px}


    #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: 10px 10px 10px 10px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    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}

    #pie { background-color: white ;
    border-left: black 1px solid ;
    border-right: 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}

    EL PROBLEMA ES QUE NO ME APARECE NI EL LOGOTIPO NI LOS BORDS REDONDOS.ME PODEIS DECIR PORQUE????
    • pedrucho · · Solicitar retirada
    por favor ayudarme,nisiquiera copiando la hoja de estilos me salen los bordes redondos porfavor ayudarme
    pedrucho · · Solicitar retirada
    si kingbear,pero no sale nada,se queda en blanco donde tiene que ir la curva.
    pedrucho · · Solicitar retirada
    ademas ,he comprobado las dimensiones del logotipo y son de 247x71 y los de la plantlla 270x80,lo he cambiado y tampoco se ve.
    Raulyure · · Solicitar retirada
    pedrucho escribió:ademas ,he comprobado las dimensiones del logotipo y son de 247x71 y los de la plantlla 270x80,lo he cambiado y tampoco se ve.
    Hola:
    Puede probar agregándo en su hoja de estilo a cada imagen de las curvas otro .gif por si es problema de que cuando bajó las imagenes, usted las bajó con el nombre curva-inferior.gif, porque si es así entonces su imagen se llama curva-inferior.gif pero le faltaría poner la extensión, por lo tanto quedaría así:
    curva-inferior.gif.gif
    Lo mismo con la superior y lo mismo con el logotipo, Pruebe porque a veces ese es el problema, dando por hecho de que todo lo demás lo tiene bien
    Saludos
    Agradecido de los que aprenden enseñando
    nano · · Solicitar retirada
    Hola, yo tengo un problema parecido, pero no igual.
    A mi en el preview si me aparecen las curvas, pero una vez lo subo al sevidor, no me aparecen en Mozilla. Lo he probado tambien con el IE, y tampco aparecen, no se lo que puede ser.

    Copio la 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">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad">Bienvenidos a mi web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Seccion 1
  • Seccion 2
  • Seccion 3

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de seccion 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </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">
    <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>
    <div id="curva-inferior"></div>

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





    -------------------------------

    Y mi hoja de estilos es:

    *{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: left ; padding:0px 0px 0px 10px}
    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-right:black 1px solid ;
    border-left: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left}
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray ; border: solid 1px black ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
    #navegacion ul {margin-left:180px}
    #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-right:10px ; margin:3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position:bottom}
    #menu li { list-style:none ; margin:4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie {background-color: white ; border-top: solid black 1px ;
    border-right: solid black 1px ; border-left: solid black 1px ;
    height:65px}
    #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: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 {}
    #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}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color:white}
    #logotipo a:active {}





    Gracias por vuestra ayuda, y felicidades a los creadores de la pagina web por su trabajo
    • nano · · Solicitar retirada
    Hola, yo tengo un problema parecido, pero no igual.
    A mi en el preview si me aparecen las curvas, pero una vez lo subo al sevidor, no me aparecen en Mozilla. Lo he probado tambien con el IE, y tampco aparecen, no se lo que puede ser.

    Copio la 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">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad">Bienvenidos a mi web</div>
    </div>
    <div id="navegacion">
    <ul>
  • Seccion 1
  • Seccion 2
  • Seccion 3

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de seccion 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </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">
    <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>
    <div id="curva-inferior"></div>

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





    -------------------------------

    Y mi hoja de estilos es:

    *{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: left ; padding:0px 0px 0px 10px}
    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-right:black 1px solid ;
    border-left: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left}
    #publicidad {width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray ; border: solid 1px black ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
    #navegacion ul {margin-left:180px}
    #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-right:10px ; margin:3px 10px 3px 3px ;
    background-image: url(objetos/menu-parte-inferior.gif) ;
    background-position:bottom}
    #menu li { list-style:none ; margin:4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie {background-color: white ; border-top: solid black 1px ;
    border-right: solid black 1px ; border-left: solid black 1px ;
    height:65px}
    #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: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 {}
    #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}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color:white}
    #logotipo a:active {}





    Gracias por vuestra ayuda, y felicidades a los creadores de la pagina web por su trabajo
    • Yaneth · · Solicitar retirada
    nano:

    Te sugiero abrir un tema para tu pregunta

    pero te adelanto.... danos la url para verlo

    saludos
    nano · · Solicitar retirada
    De todas formas, Yaneth, he estado retocando, y ahora me salen los bordes, pero queda rara la web. Ademas, lo que he hecho ha sido quitar el menú desplegable que en otro apartado te comentaba que no me funcionaba. Volveré a intentar colocar el menú de nuevo, a ver si funciona ya que me has dicho que ha sido un despiste de no colocar un </div> Y si sigue sin funcionar, vuelvo a darte la tabarra :P

    Gracias por todo
    peugeot · · Solicitar retirada
    Hola,

    Ahora intenta poner el logo haciendo puro clic, es el modo que más me gusta y casi nunca me falla. Es más fácil, y seguro. Procede así:

    1. la plantilla ponla asi: <div id="logotipo">l</di> y sitúa el cursor entre ambas etiquetas. Ojo con situar bien el cursor. La hoja de estilos ni la toques.

    2. arriba, en la barra de herramientas, seleccionas tags o etiquetas.

    3. por abajo, seleccionas images o imagen y luego clic en Insert image.

    4. en la parte superior de la derecha de la ventana que aparece, seleccionas "objetos" que debe ser la carpeta que contiene el logo.

    5. en el recuadro grande, blanco File de la derecha, clic en logotipo.gif (deben aparecer todos los graficos de la capeta objetos), cambiará la ventana al hacer clic sobre logotipo.gif, no te asustes.

    6. en la parte izquierda de la nueva ventana, aparece una serie de información del logo, no toques nada y cliquea OK.

    Eso es todo. Verás como aparece la fila de datos de la ubicación del logo en el lugar donde situaste el cursor al comienzo (entre las 2 etiquetas div del logo). Ahora haz preview y verás tu logo en la cabecera (I hope so, dijo el gringo).

    Avísame, un saludo.