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

Tema: 2 fallos que no se como solucionar

Vista Híbrida

Mensaje Anterior Mensaje Anterior   Próximo Mensaje Próximo Mensaje
  1. #1
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    03 feb, 15
    Mensajes
    2
    Poder de Reputación
    0

    2 fallos que no se como solucionar

    Hasta ahora creo haber seguido todos los pasos al pie de la letra , sin embargo obtengo dos errores con respecto al ejemplo.
    1º la imagen curva superior no se centra igual que en el ejemplo, sino que sobre sale por ambos laterales.
    2º La web ejemplo se me ve bien con explorer, pero no tiene nada que ver con mozilla.
    Copio todo el codigo html y la hoja de estilos.
    actualmente voy por la leccion 5 ( paginas de seccion )
    Codigo html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>

    <head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

    </head>
    <body>
    <!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
    <div id="global">
    <div id="curva-superior"></id>
    <div id="cabecera"><div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270px" height="80px"alt="Haz clic aquí para volver a la página de inicio"></a></div>
    <div id="publicidad">Bienvenido a nuestra Web</div></div>
    <div id="navegacion"><ul><li><a href="#"> sección 1</a></li><li><a href="#">sección2</a></li><li><a href="#">sección 3</a></li><li><a href="#"> sección 4</a></li></ul></div>
    <!-- FIN DE CODIGO DE CABECERA -->
    <div id="contenido">
    <!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
    <div id="menu"><ul><h1>Titulo de sección 1</h1><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li><li><a href="#">Enlace 4</a></li></ul></div>
    <!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
    <h1>Esta será la zona principal de la web</h1><p>Quiero aprender a diseñar paginas web para poder desarrollar la mia propia tanto personal como para mi negocio que ademas creo que tendra mucha u muy buena aceptacion ya que en ella hablaremos de todos los temas relacionados con nuestra visión,alqo que incumbe a todo el munso, asi que ahí estamos manos a la obra, con esta fabulosa web que me enseña paso a paso y muy claramente.</p><h2>Quiero felicitar a los autores de esta pagina web</h2><p> Por lo didactica que es y lo bien que transmiten su conocimiento ya que estan consuguiendo que yo que apriori no sabia ni papa de esto este cogiendo un nivel aceptable y ademas me esta gustando lo cual es pra darles mi enhorabuena.felicidades !!!!!</p></div>
    <!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
    <div id="pie"><div id="pieuno"><ul><li><a href="#">Foro de ejemplos</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos enlazan</a></li></ul></div><div id="piedos">Pie dos</div><div id="pietres"><ul><li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li></ul></div></div>
    <!-- FIN CODIGO PIE DE PAGINA -->
    <div id="curva-inferior"></id>
    </div>


    </body>
    </html>
    Hoja de estilos
    *{text-indent:0px;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-weigth: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;}
    #cabecera{background-color:white;border-left:1px solid black;border-right:1px solid black;height:85px;}
    #logotipo {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{width:150px;float:left;text-align:left;margin:3px 10px 3px 3px;background-image: url(objetos/menu-parte-inferior.gif);background-position:bottom;padding-botton:5px}
    #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-left:black 1px solid;border-right:black 1px solid;border-top:black 1px solid;height:65px;}
    #pie li{list-style:none;font-size:12px;}
    #pieuno{float:left;width:150px;font-size:10px}
    #piedos{float:left;width:498px;}
    #pietres{;float:left;width:150px;font-size:10px}
    #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 de antemano , un saludo. Direccion es www.avelino.comocrertuweb.es/plantilla.html

  2. #2
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    17 feb, 15
    Mensajes
    2
    Poder de Reputación
    0
    En esta linea:
    #curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;}
    falta añadirle:
    overflow:hidden

  3. #3
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    03 feb, 15
    Mensajes
    2
    Poder de Reputación
    0
    Hola gracias por la contestación, overflow:hidden lo quite voluntariamente ya que al colocarlo y hacer previsualizacion, me desaparecía todo el contenido de la página.

Temas Similares

  1. Como solucionar los espacios en blanco de web
    Por ricarducho en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 2
    Último Mensaje: 12/08/2011, 12:58
  2. como solucionar un problema al vender en mi web
    Por razzis en el foro Foro General
    Respuestas: 1
    Último Mensaje: 11/08/2009, 06:42
  3. Como solucionar un problema en tu sitio
    Por MzStudios en el foro Foro General
    Respuestas: 0
    Último Mensaje: 30/04/2009, 01:55

Permisos de Publicación

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