28172 sujets

CSS et mise en forme, CSS3

question de grand débutant : une mise a jour d'extension NextGEN Gallery sur wordpress m'a chamboulé ma mise en page :
je m'explique :sur cette page tout va bien car l'image et le menu contextuel sont alignés http://www.marcferrante.com/jeux-de-mains. mais quand il s'agit d'une galerie impossible d'aligner le menu a la même hauteur il se met en dessous cf http://www.marcferrante.com/jeux-de-mains-presences-modifiees.
rien n'a bougé dans la feuille de style et dans le css de la nggallery (nom des galerie en question).

Quand au code de ces pages : c'est pour la page avec 1 image :
<div class="img"><img class="alignleft size-full wp-image-2045" title="im-expo-15, radiographie, X-rays" alt="" src="http://www.marcferrante.com/wp-content/uploads/2010/03/im-expo-151.jpg" width="515" height="346" /></div>
<div class="navigationmenucont">
<ul class="navigationmenucont" style="text-align: right;">
	<li><span style="color: #333333;">présentation</span></li>
	<li><a title="Jeux de mains… (texte)" href="http://www.marcferrante.com/p1428">textes</a></li>
	<li><a title="Jeux de mains… (ombres chinoises)" 
....

et pour le code de la page qui ne va pas avec galerie c'est :
[gallery=15]<div class="navigationmenucont">
<ul class="navigationmenucont" style="text-align: right;">
	<li><a title="Jeux de mains…" href="http://www.marcferrante.com/jeux-de-mains">présentation</a></li>
	<li><a title="Jeux de mains… (texte)" href="http://www.marcferrante.com/p1428">texte</a></li>
	<li><a title="Jeux de mains… (ombres chinoises)"
....

quelqu'un peut-il m'aider svp ??? Smiley langue
j'ai oublié de dire que j'avais à l'origine rajouté dans la feuille de style :
#ngg-galleryoverview, .ngg-galleryoverview { display: inline; float:left; width: 500px; }

.navigationmenucont { float:right; width:198px; list-style: none; margin: 0; padding: 0; line-height: 1.5; margin-top: 0px}

.spacer{ height:0; font-size:0; visiblilty:hidden; clear:both; }


quelqu'un saurait-il m'aider ????
Bonjour,

Le problème vient du css de NextGen Gallery, qui indique que ta galerie d'images doit faire 100% de la largeur de ton conteneur.
Ce qui empêche ton menu (d'une largeur de 198px) de s'aligner avec ta galerie puisque ta galerie occupe déjà toute la largeur.
Pour pallier à ce problème il faut que tu indiques dans ton css ceci :
.ngg-galleryoverview{
width:500px;
}