Forum d'entraide utilisateurs Overblog

Little Marmotte186

bonjour je voudrais faire un menu deroulant sur mon blog j'ai fait un test ici http://testnewversionzrm.over-blog.com/ mais il y a quelques petites choses que je n'arrive pas à corriger : les puces devant les titres et le décalage du bord du fond bleu avec le bord de la photo. je voudrais aussi que le menu soit sous la photo
je n'ai aucune notion de code donc jai bidouillé lol en allant sur cssmenu maker et en utilisant la procédure décrite au dessus
pourrais je avoir un peu d'aide merci

Mehdi.

Bonsoir,

la puce vient d'un "ul" en trop il me semble (verifie le code avec des yeuxs de lynx.....;))

pour regler la largeur du menu il faut jouer sur les marges dans #cssmenu ul
mais il faut au préalable enlever la puce en trop

la photo c'est le "slideshow ou slider selon les thème

le code doit donc se trouver en dessous si tu veux le menu en dessous

tu va y arriver je pense, le resultat actuel est pas trop mal.... ;)

Little Marmotte186

merci de m'avoir repondu aussi rapidement
j'ai repéré cssmenu ul pour corriger les marges plus tard par contre pour les balises ul j'ai eu beau bidouiller dans tous les sens jai eu un peu tous les résultats possibles mais toujours les puces. sur un essai je les avais sur la ligne au dessus du menu toutes seules mais voila. sinon en regardant dans le code la partie slideshow semble etre avant le menu donc je ne sais pas trop
pourrais je avoir encore un peu d'aide merci enormément je sais que je suis proche d'y arriver mais il manque un peu et le code n'st vraiment pas mon domaine
:-$

Mehdi.

voici le debut de mon menu (compare avec le tien notamment la position du"ul"

 <!-- menu -->
            <nav class="menu" >
                <ul class="nav">
                 <!--accueil-->
                <!--menu  déroulant CCM-->    			
                <div id='cssmenu'>
                <ul>
                   <li><a href='http://mehditest.overblog.com/'><span>Accueil</span></a></li&gt;
                   <li class='has-sub '><a href='#'><span>CCM</span></a>
                      <ul>
                         <li><a href='http://www.mariage-franco-marocain.net/article-29906268.html'><span>Consulat de France au Maroc</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-questions-reponses-sur-le-ccm-certificat-de-capacite-a-mariage-56792918.html'><span>Infos utiles</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-31083673.html'><span>Documents Ccm</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-23760292.html'><span>Questions de l'Audition ccm</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-le-certificat-de-nationalite-francaise-procedure-et-documents-51637172.html'><span>Le Certificat de Nationalité</span></a></li>
                      </ul>
                   </li>

Mehdi.

 <li class='has-sub '><a href='#'><span>CCM</span></a>

titre du menu ccm, il y a une # car je n'ai pas voulu de lien sur ce menu

<ul>
                         <li><a href='http://www.mariage-franco-marocain.net/article-29906268.html'><span>Consulat de France au Maroc</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-questions-reponses-sur-le-ccm-certificat-de-capacite-a-mariage-56792918.html'><span>Infos utiles</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-31083673.html'><span>Documents Ccm</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-23760292.html'><span>Questions de l'Audition ccm</span></a></li>
                         <li><a href='http://www.mariage-franco-marocain.net/article-le-certificat-de-nationalite-francaise-procedure-et-documents-51637172.html'><span>Le Certificat de Nationalité</span></a></li>
                      </ul>

ça, se sont les sous menu

Mehdi.

tu a aussi la solution d'inserer le mien sur un blog test et modifier ensuite les intitulé de menu et les liens

(je parle de la partie html)

tu peut ajouter ou enlever des sous menu aussi

http://data.over-blog-kiwi.com/1/18/77/42/20150406/ob_e43e89_html-elegant-press.txt

Little Marmotte186

cest bon plus de puces apres beaucoup de manipulation merci

Mehdi.

bonjour

ajoute une petite marge gauche pour bien centrer le menu et tout sera parfait

#cssmenu {

border: 0 none;

font: bold 15px "Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet, Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;

margin-bottom: 0;

margin-left: 8px;

margin-top: 0;

padding: 53px;

width: 968px;

}

Little Marmotte186

merci beaucoup

Mehdi.

Bonjour,

dernier point:

si tu veux affiner la largeur du fond bleu turquoise et bleu foncé des sous menu, tu peut jouer sur leur largeur ici

largeur du fond bleu foncé des sous menus

#cssmenu li ul {
    background: #292b56 none repeat scroll 0 0;
    border: 0 none;
    display: none;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 300px;
    z-index: 200;
}

largeur du fond bleu turquoise du sous menu (ne réduit pas trop pour que l'intitulé du sous menu entre dans la case)

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

Forum d'entraide utilisateurs Overblog

Bienvenue sur le forum !

Catégories

In this Discussion