Blog d'aide de Blog4ever

simon  ou quelqu'un d'autre qui s'y connait.

Pour mon site :  https://graphosoleil.blog4ever.com

Dans mon CSS personnalisé j'ai ceci :


/*___________________________________

DEBUT PARTIE BARRE NAVIGATION
/*+++++++++++++++++++++++++++++++++++*/


nav {
margin-top: 5px !important;
width: 1125px !important;
height: 100px !important;
border: 8px double #AC0000;
border-radius: 10px;
box-shadow:2px 2px 10px -2px #804040!important;
background:transparent;
background: url(https://static.blog4ever.com/2018/10/848924/fond-1-noel-GOS-2019.png)!important;
background-repeat: no-repeat;
background-position:center;
}
nav a{
text-align: center !important;
font-family: verdana !important;
font-size: 14px !important;
color: #AC0000 !important;

}
nav a:hover {
color: #000000 !important;
}
nav li {
text-align: left !important;
width: 150px !important;
margin-left: 9px!important;
margin-top: 10px !important;
}

nav ul li ul li a {
font-size: 13.5px !important;
font-family: Comic Sans MS !important;
background: blue linear-gradient(#BCAD67, #FEFDE2,#BCAD67) repeat scroll 0 0;
color: #000 !important;
z-index: 10;
line-height: 0px !important;
}

nav ul li ul li a:hover {
background: blue linear-gradient(#C10202,#4E0101,#C10202) repeat scroll 0 0;
color: #E9E3A5 !important;
z-index: 10;
line-height: 0px !important;
font-size: 13.5px !important;
font-family: Comic Sans MS !important;

}
/* grossir le cadre au survol*//*simon*/
nav ul li ul:hover {
background-image: url(https://static.blog4ever.com/2018/10/848924/fond-2-noel-GOS-2019.png) !important;
display: none;
position: absolute;
width: 215px!important; /*ici c'est pour régler la largeur des sous catégories*/
z-index: 10;
border-radius: 10px;
border: 4px ridge #CCB972 !important;
margin-top: 0px !important;

}
nav ul li ul {
background-image: url(https://static.blog4ever.com/2018/10/848924/fond-2-noel-GOS-2019.png) !important;
display: none;
position: absolute;
width: 215px; /*ici c'est pour régler la largeur des sous catégories fond cadre total*/
z-index: 10;
border-radius: 10px;
border: 4px ridge #CCB972 !important;
margin-top: 0px !important;

}

/*___________________________________

DEBUT PARTIE FOND DE PAGE
/*+++++++++++++++++++++++++++++++++++*/

Mais je n'arrive pas à placer correctement :
==> livre d'or
==> mes tubes
==> diversité
==> mes tutoriels
==> liste articles

Ils sont trop bas .
Je voudrai les remonter afin qu'ils soient centrés dans la barre navigation

Merci pour votre aide.
:sol:

@soleilvie@

J'ai essayé de comprendre ton code pour ta barre de navigation, et elle me semble très compliquée.
Toutefois, si j'ai bien observé les différents fragments de ton code, il se pourrait que tu trouves la solution de cette manière :

Je vois que la hauteur totale de ta barre est de 100px (height) dans la partie nav.
Ensuite, je vois que tu as placé la hauteur de ton lien (nav li) à 10px en margin-top.
Pour relever la hauteur de ton lien tu dois jouer entre ces 2 hauteurs.
C'est à dire que tu diminues la hauteur de la barre d'autant que tu augmentes la hauteur du lien.
Ex :  barre à 70px (au lieu de 100, soit -30) et lien à 40px (au lieu de 10, soit 10+30)
J'espère avoir été claire et que c'est bien ça, mais fais un essai pour voir car je n'en suis pas certaine.
Bisous

 mon amie
Je viens d'essayer ça tout de suite, et le résultat n'est pas top
regarde ma capture:

:sol:

coucou les filles ...

Je vais regarder !  

RE

Il y avait le module accueil avec une image et cette image décalait tout.



J'ai ensuite corrigé la partie LI et je pense que c'est bon.

Tu ne peux pas mettre une image sur un seul module.

  

simon
Ah ok !
Et si je mets des images pour tous les modules est ce qu'il faudra refaire des réglages ?


:sol:

Dernière modification le mercredi 13 Novembre 2019 à 10:26:40

Ben oui Madame :ptdr: retour dans les réglages...........

:bd:  ma Cricri  :sol: 
D'après ce que je vois de ta capture, le processus avait quand même bien marché, sauf qu'il semblerait que tu aies fait l'inverse. Tu as descendu le lien au lieu de le remonter.
Ou alors, c'est ta barre qui était trop haute et il aurait fallu la décaler vers le bas.
De toute façon, il y avait visiblement un autre problème avec cette image seule, comme te l'a expliqué Simon.
Cela explique peut-être ce décalage.
Je ne suis pas experte.
Heureusement que nous avons de bons modos ! :ptdr:
Belle journée, mon amie. :ch:

:snif::snif::snif:simon pas gentil de te moquer :ppc::ptdr::ptdr::ptdr:

Bon, alors tant pis je vais le laisser comme ça
 mille fois 
:sol:

 mon amie Aquarella
Viiiii c'est l'image qui n'allait pas mais ton raisonnement est bon.
:sol:

simon
Alors voilà ! J'ai réussi à faire autrement mais il a fallu que je mets des .......devant le mot "Bric à Brac" car sinon il était trop collé aux boules de Noël.
J'ai essayé de mettre :
margin-left : 10px; 
à ==> nav a{
Mais cela décale tout.

C'est pas trop mal comme ça hein ???
:sol:

re

2 étoiles       * * espacées feraient mieux que des points.

:sol:

ahhhh yes !!! 
Voilà le résultat :oe:
:sol: