Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[ RÉSOLU ] Faire un menu dynamique sur social board
  • #cssmenu li li {
    background:url('http://idata.over-blog.com/2/25/98/74/01-juin-2012/sub_sep.gif'no-repeat scroll left bottom rgba(0, 0, 0, 0);    display: block;    float: none;    margin: 0;    padding: 0;    width: 150px;}
    non non, il semble que je n'ai rien changé 
  • reagrde ici

    #cssmenu li li {
        background: url("http://idata.over-blog.com/2/25/98/74/01-juin-2012/sub_sep.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: 150px;


    j'avaism is 150 px pour que le fond du sous menu soit un peu plus large pour contenir du texte.....

  • c'est la partie

    #cssmenu li li


    il mesemble qu'il y a rien entre tes parenthese d'"ouverture et de fermeture

    colle

    #cssmenu li li {
        background: url("http://idata.over-blog.com/2/25/98/74/01-juin-2012/sub_sep.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        width: 150px;

    }


    oublie pas {   et  }
  • en simulation je vois

    #cssmenu li:hover ul {
        display: block;
    }
    #cssmenu li li {
    }

    ______________

    mais je ne vois pas de ligne de code entre {
    }


    quand tu ajoute il faut pas oublier d'enregistrer...
  • wouiiii ;-)
  • ok;....cela avance

    je vois que tu a un peu trop descendu le bloc avec la description

    tu peux la remonter en ajoutant un margin négatif

    .banner-title {
    }
    .banner-title {
        margin-left: 55px;
        margin-top: -65px;
        max-width: 800px;

    _____________

    http://img.over-blog-kiwi.com/1/18/77/42/20150126/ob_7aa24c_image-6.png



  • ce qu'il y a de bien aussi, c'est que maintenant que tu a compris le principe,  si tu trouve un menu qui te plait sur google type css menu maker ou autre;...cela sera les mêmes manipulations pour l'implémenter

    un peu de théorie et de pratique encore.......et tu deviendra webmaster pro...... ;)


  • transfert fait .. oulala  http://www.teasenchaandpashmina.com/
    j'ai été obligée d'enlever le code seach en CSS et je me retrouve avec le cadre en plein milieu, car sinon le précédent prenait toute la largeur.

    d'où vient cette barre noire à droite ? centrer le menu.. 
    beaucoup d'ajustement encore à faire 
  • pour centrer le menu

    #cssmenu {
        border: medium double;
        font-size: 15px;
        font-weight: normal;
        margin-left: 38px;
        padding: 0;
        width: 1200px;
    }

    _______________

    tu verra margin 0...j'ai remplacer par margin-left: 38px;



  • pour la petite barre noire

    #cssmenu ul {
        background: none repeat scroll 0 0 #111;
        height: 35px;
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    _________

    supprime le #111