H5BP4J - Simple responsive

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • H5BP4J - Simple responsive

    Bonjour,

    Voila mon souci.
    J'ai utilisé ce template basique sur lequel je suis rentré ds CSS pour le personnaliser.
    J' ai modifié le menu pour qu'il soit en ligne et j'ai crée un sous menu deroulant.
    Voici mon code :
    /* =============MENU PRINCIPALE===========================*/

    .menuprincipale, ul {
    border-bottom: 1px solid #9A856A;
    border-top: 1px solid #9A856A;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
    }
    .menuprincipale, li {
    float:left;
    margin:auto;
    padding:0;
    }

    .menuprincipale li a {
    font-family: 'caviar_dreamsregular';
    display:block;
    width:100px;
    color:#9A856A;
    text-decoration:none;
    padding:5px;
    }

    .menuprincipale li a:hover {
    font-weight:bold;
    }

    .item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {
    display:none;
    }

    .menuprincipale ul li:hover ul {
    display:block;
    }
    .menuprincipale li:hover ul li {
    float:none;
    }
    .item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {
    float:none;
    display:block;
    }

    .menuprincipale li ul {
    position:absolute;
    }



    le souci c'est qu'il apparait au clic et non pas au survol et en plus une fois déroulé il reste fixe...

    Qu'ai je loupé !

    Que dois faire ?

    Merci pour vos suggestions car je tourne et retourne et je ne comprends vraiment pas...

  • #2
    Re : H5BP4J - Simple responsive

    Bonjour,

    Pour une analyse précise du problème, un lien du site est un grand plus.
    Mon site de créa web: pixsweb.fr

    Commentaire


    • #3
      Re : H5BP4J - Simple responsive

      Bien sur ! voilà :

      Commentaire


      • #4
        Re : H5BP4J - Simple responsive

        Essaie de remplacer les deux déclarations par une seule :

        item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {

        Float:none;
        display:none;

        }

        Ou :

        item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {


        Float:none;
        display:block;

        }

        Good Luck.


        Envoyé de mon iPad à l'aide de Forum Joomla.fr

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X