Entrar

menu horizontal desp - bien con explorer-mal con mozilla

Cweiman · · Solicitar retirada
a ver si alguien me puede dar una mano
el problema es que en firefox se me juntan entre si los botones del menu horizontal, cuando en explorer se ve perfecto.
hay mucho para leer en el foro, no lo encontre comentado por ahi's..
desde ya muchas gracias por su tiempo y por este curso que esta muy bueno, lo empece hace unos 2 meses aunque con muy muy poco tiempo..
es la primera vez que entro al foro...

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>Inicio - Pulmarí Fly Fishing</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<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"></div>
</div>
<div id=>
[contenido no disponible]
<div id="navegacion">
<ul>
  • Inicio
  • Servicios
  • Complementos
  • Fotos
  • Nosotros
  • Contacto

    </div>

    <div id="contenido">





    </p>
    <h1>Intro</h1>


    Cuando hace algunos años vinimos con mi esposa a Aluminé de vacaciones no podía imaginarme el gran cambio que se avecinaba en nuestras vidas. Fueron semanas inolvidables. Tanta belleza no podía ser retenida por nuestros ojos. Tantos lagos y ríos cristalinos, bosques vírgenes, cerros y llanos....
    La Patagonia decididamente nos había atrapado...
    Tanto así que en nueve meses embalamos todo y nos vinimos, dando comienzo a la gran aventura de cambiar la vida en la ciudad por la vida en la naturaleza.
    Caminar un río o un lago, en armonía con la naturaleza, caña en mano y rodeado de paisajes de ensueño. Hacer un lance, ver derivar nuestra mosca y percibir la subida de una trucha en las aguas cristalinas... El sueño de todo mosquero!!!!

    Esto es lo quiero compartir con Ustedes.
    </p>
    <h2>Pulmarí Fly Fhishing</h2>


    Detalles de la actividad:</p>


    Guiadas de pesca, modalidad mosca. Salidas desde Aluminé a toda la zona de influencia. Ríos: Aluminé, Pulmarí, Malalco, Quillén, Calfiquitra, Kilka, Malleo, etc. Lagos: Ñorquinco, Ruca Choroy, Quillén.</p>


    Pulmarí Fly Fishing ofrece un servicio completo con traslados desde y hacia el lugar de hospedaje. Excursiones de medio día, jornada completa o más de un día con acampe a orillas del río; costa y vadeo y/o flotadas. Incluye viandas y refrigerios; almuerzo frío o caliente; comidas regionales a cargo de un cocinero profesional.</p>


    Optativo: reservas de hospedaje y organización de actividades para la familia del pescador mientras éste disfruta la jornada de pesca.</p>
    </div>

    <div id="pie">
    <div id="pieuno"><ul>
  • Foro Ejemplo

    </div>
    <div id="piedos">[correo eliminado] </div>
    <div id="pietres"><ul>
  • Directorio

    </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    • CSS

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
    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: blue; border: black 1px solid; height:20px }
    #navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20p}
    #navegacion ul { margin-left: 120px }
    #contenido {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: blue ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px;
    background-image;
    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;
    height: 65px ; }
    #pie li {list-style: none;font-size: 12px }
    #pieuno {background-color: white ; float:left ; width:250px }
    #piedos {background-color: white ; float:left ; width:298px }
    #pietres {background-color: white ; float:left ; width:250px }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px
    overflow: hidden }
    a {color: white ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:orange ; text-decoration:none ; background-color: blue}
    a:active {Color: white }
    #pie a {color: black; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color: blue ; text-decoration:none ; background-color: white }
    #pie a:active {color:blue}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    Cweiman
    Cweiman · · Solicitar retirada
    nosabernada escribió:Hola,

    las has subido?


    Adios

    No, no la subí
    en un rato la subo...


    (Edit)Queria terminarla antes de hacerlo
    Ahi esta...
    www.pulmariflyfishing.com.ar
    Perdon lo habia escrito mal...
    Cweiman
    nosabernada · · Solicitar retirada
    Hola,

    prueba con este codigo:

    #menu {background: blue  bottom solid;
width: 150px ;
float:left ;
text-align:left ;
margin: 3px 10px 3px 3px;
padding-bottom:5px}

    si no te vale, pueba con añadir al css:

    #menu a{
padding-left: 5px;
}
    Cweiman · · Solicitar retirada
    nosabernada escribió:Hola,

    prueba con este codigo:

    #menu {background: blue  bottom solid;
width: 150px ;
float:left ;
text-align:left ;
margin: 3px 10px 3px 3px;
padding-bottom:5px}

    si no te vale, pueba con añadir al css:

    #menu a{
padding-left: 5px;
}

    Me exprese mal,!? el problema lo tengo con el menu de navegacion...
    no con el menu en si...
    Cweiman
    nosabernada · · Solicitar retirada
    Hola,

    tienes un fallo:


    [contenido no disponible]
    </a>
    </div>
    <div id="publicidad"></div>
    </div>
    <div id=>
    [contenido no disponible]
    <div id="navegacion">
    <ul>
  • Inicio
  • Servicios


    no se si sera eso, pero pruebalo.


    Adios, nsn.
    • Cweiman · · Solicitar retirada
    lo probé pero queda todo igual creo que deberia ser algo en el css... pero no logro darme cuenta...
    gracias por tu interes...
    Cweiman
    pitufo · · Solicitar retirada
    Hola.


    Aquí es donde esta el error:

    #navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20p}


    Te falto la x



    Saludos
    Bye
    Raulyure · · Solicitar retirada
    Cweiman escribió:lo probé pero queda todo igual creo que deberia ser algo en el css... pero no logro darme cuenta...
    gracias por tu interes...

    Hola:

    Como le han dicho, puede que el fallo sea ese <div id=>, eso no significa que esté demás o esté de menos, o que lo tenga que eliminar,

    Significa que usted después de la capa cabecera la cual en teoría la tiene bien, ya que dentro de ella va la capa logotipo y la capa publicidad, y aparentemente está todo bien cerrado.

    Pero usted abajo de la capa cabecera a creado un div que necesita una identificacion tanto en la pagina como en el css. A ese div usted no le ha dado ninguna identificación


    Le daré un ejemplo:

    Usted en la capa cabecera pone una imagen ¿no es cierto?.
    O sea pone el logotipo, que es una imagen, pero para poner esa imagen del logotipo usted en el css le ha dado a una capa ciertas medidas a la cual le ha puesto como identificación el nombre de #logotipo{etc.etc.etc.}
    Luego en la pagina html, para poner esa imagen del logotipo, lo que ha hecho ha sido poner allí la capa con su identificación o sea <div id="logotipo"> etc. etc. etc.</div>, y así, la imagen del logotipo se pondrá dentro de esa capa que se llama logotipo.

    La cuestión ahora es ¿Porqué a la imagen que ha puesto debajo de la capa cabecera, no le ha dado también una identificación tanto en el css como en la pagina?

    Como por ejemplo.
    en la pagina poner <div id="unaimagen">[contenido no disponible]
    Eso significa que esa imagen estará puesta dentro de una capa que se llama unaimagen

    Y en css poner por ejemplo:
    #unaimagen{border-left:black 1px solid;border-right:black 1px solid;height:136px}
    Y acá en css le da las directivas a esa capa que se llama unaimagen

    Y luego como a la capa cabecera no le había puesto ningún borde abajo pues puede añadirle a la capa cabecera un border-bottom:black 1px solid;
    Para que la capa cabecera tenga bordes por la izquierda, por la derecha y por abajo, y la capa unaimagen tenga bordes por la derecha y por la izquierda.

    Así la capa navegación donde tiene los enlaces mantendrá sus bordes por todos lados y no se mezclará con la de arriba, y de esa manera podrá esa capa navegación aceptar las separaciones que le da a esos enlaces.

    Esto es solo una explicación sencilla , usted debe ver donde debe ponerle los bordes a la capa unaimagen.
    Pero lo que si es cierto, es que debe ese <div id=> que tiene en su pagina, tener un nombre, y en el css darle unos valores.

    Saludos
    Agradecido de los que aprenden enseñando
    Cweiman · · Solicitar retirada
    Muchas gracias a todos "nosabernada, pitufo y Raulyure"
    Unos capos... tiene razon pitufo

    aca estaba el problema:
    Aquí es donde esta el error:

    #navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20p}

    Te falto la x

    de todas maneras gracias nosabernada por tu tiempo, tu paciencia y porque siempre se ve algo interesante y Raulyure lo mismo...

    Capísimos todos !!!