Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 6 de 6

Tema: redondear esquinas

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    10 nov, 07
    Mensajes
    25
    Poder de Reputación
    19

    redondear esquinas

    Holaa !!!.. quisiera por favor que me ayudarán a poder encuadrar bien el tema de "Redondear esquinas", no sé cuál es mi error, pero no queda muy bien encuadrado con el fondo, no es como el ejemplo que dan en El Curso Paso a Paso, aquí les paso los códigos.

    estilo-general.css

    * {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
    p {text-aligm: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: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {background-color: withe ; width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size:16px }
    #navegacion {background-color: gray ; border: black 1px solid ; 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 0px 10px ; text-indent: 15px }
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior-1.gif) ; background-position: bottom ; padding-bottom:5px }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px}
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior-1.gif) }
    #pie {border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid ;
    heigth:65px }
    #pieuno {float:left ; width:150px }
    #piedos {background-color: silver ; 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 {}

    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">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>[*]Sección 1[*]Sección 2[*]Sección 3[*]Sección 4[/list]
    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Historia del Grupo</h1>
    <ul>[*]ENLACE 1[*]ENLACE 2[*]ENLACE 3[*]ENLACE 4[/list]</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>ESTE ES MI TERCER PARRAFO</h2>


    kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofkkasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofkkasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk</p>


    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>[*]Foro Ejemplo[*]Contactos[*]Nos Enlazan[/list]
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>[*]Directorio[*]Topsite[*]Mapa de la Web[/list]
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

  2. #2
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,599
    Poder de Reputación
    41
    No veo ningún fallo. Si eso dinos como se ve, muestranos una foto de la pantalla, o súbelo a internet para verlo y nos das la url.
    Saludos, Juanma.

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    10 nov, 07
    Mensajes
    25
    Poder de Reputación
    19
    ok, aca te paso el URL: sin-almas.mypressonline.com
    Como solucionaria eso?

  4. #4
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,599
    Poder de Reputación
    41
    Indícale a la capa contenido en la hoja de estilos el ancho, de forma que quede así:
    #contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid; width: 800px }

  5. #5
    Recien Llegado! Habitante
    Fecha de Ingreso
    10 nov, 07
    Mensajes
    25
    Poder de Reputación
    19
    SÍ, era eso.. muchisimas GRACIAS!!

  6. #6
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,599
    Poder de Reputación
    41

Temas Similares

  1. redondear esquinas
    Por Lázaro en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 2
    Último Mensaje: 11/05/2008, 02:31
  2. Redondear Esquinas
    Por Mavericks en el foro Foro General
    Respuestas: 4
    Último Mensaje: 06/02/2008, 02:16

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •