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

Tema: 1.Los bordes y Menu 2.Diferente vista en Navegadores

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 jul, 09
    Mensajes
    11
    Poder de Reputación
    16

    1.Los bordes y Menu 2.Diferente vista en Navegadores

    Primero que todo dar felicitaciones por tan buen tutorial, me ha servido mucho. Y lo segundo ya es algunos problemas que se me han presentado.

    1.Los bordes y menu (horizontal): Los bordes no me cuadran en la parte inferior y laterales y el menu horizontal no lo puedo cuadrar bajo el logo de la pagina, aqui dejo mi enlace.

    www.sinaltradromayor.ueuo.com

    Y este es el contenido de la Hoja de Estilo-general.css

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

    Y este el contenido de la plantilla

    <!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">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipoSindicat.jpg[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</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>Título de Sección 1</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>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">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    2.Diferente vista en Navegadores: Y el segundo inconveniente es la vista tan diferente en Opera y Mozilla... Sí en IE se ve bien. Porque será?

    Agradezco la colaboracion y ayuda con esto.

    Y una pregunta inocente... Puedo manejar mi pagina Web (HTML-KIT y Hosting) en dos Computadores (pc) diferentes??? y cómo???

    Nuevamente muchas gracias.

  2. #2
    Me va gustando esto... Habitante
    Fecha de Ingreso
    29 jul, 09
    Ubicación
    Mexico
    Mensajes
    66
    Poder de Reputación
    16
    hola primero que nada me vi un poco confuso hasta que abri tu paguina y tenias ahi las cosas de tu web

    en mi caso yo segui con el paso a paso siguiendo EXACTAMENTE LAS INSTRUCCIONES palabra por palabra y en otro trabajo hacia todo ami estilo basandome de lo que habia aprendido asi no me liaba con el curso y podia hacer bien mi pagina propia pero bueno cada quien :P

    como uso mozilla abrire tu pagina con IE

    y no veo fondo, ni la curva inferior/superior a como los tienes en tu estructura... ¿has subido a tu host todos los archivos necesarios?


    ando confuso y revyuelto ojala otro pueda ayudarte >.<

  3. #3
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 jul, 09
    Mensajes
    11
    Poder de Reputación
    16
    Ok, gracias, tambien queria dejar una nota sobre este error ya que aparece es en mi plantilla, osea la direccion es eta:

    www.sinaltradromayor.ueuo.com/plantilla.html

    Gracias y espero una pronta ayuda.

    Y no olviden mi pregunta sobre si puedo trabajar mi pagina(HTML-KIT) y hosting en dos equipos diferentes (casa y oficina). Gracias.

  4. #4
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    hola

    olvidaste cerrar la div cabecera

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  5. #5
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 jul, 09
    Mensajes
    11
    Poder de Reputación
    16
    Hola Yaneth, gracias por el aporte y además me di cuenta que el div del pie de pagina tambien estaba sin cerrar... jejeje. Muchas gracias.

    Y la pregunta que he hecho ... Será que puedo trabajar mi Pagina (el HTML-KIT y el Hosting desde dos computadoras distintas... la de mi casa y la oficina?... y como lo puedo hacer???

    Es que trate de adicionar el server desde la Pc de la oficina y no me funciono.

    Gracias.

  6. #6
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,599
    Poder de Reputación
    72
    hola, de poder se puede

    solo que.. algunas empresas no permiten la transferencia de datos mediante internet, y eso pueda evitar que tu programa se conecte

    peeero, si puedes instalar el html-kit, en ambas pc, y luego mediante alguna usb o disco, guardas los cambios, y los subes con la otra pc

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  7. #7
    Recien Llegado! Habitual
    Fecha de Ingreso
    22 jul, 09
    Mensajes
    11
    Poder de Reputación
    16
    Nuevamente gracias Yaneth, ya puede conectarme en las dos pc.

    Saludos.

Temas Similares

  1. Mi web se ve diferente con los distintos navegadores
    Por estelinx en el foro Foro General
    Respuestas: 4
    Último Mensaje: 17/12/2008, 05:15
  2. vista previa y navegadores opinan diferente sobre mi página
    Por Serifos en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 7
    Último Mensaje: 31/08/2008, 17:35

Permisos de Publicación

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