- Statut : non résolu
- Ce sujet contient 8 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 13 années et 2 mois.
- Messages
Bonjour,
J’emploie le thème WP-Andreas01 1.5 pour notre blog.
Après l’installation de fGallery la mise en page de la galerie est comme ceci: cliquez-ici pour voir la gallerie.Les albums au milieu de la page commencent à la hauteur du dessous du menu à gauche et la side bar à droite commence à la hauteur du dessous des albums… comment dois je faire pour que tout cela soit bien aligné en haut de la page? Que la gallerie à ce problème, le reste du blog est resté en forme.
Merci d’avance!
Je pense qu’il te faudra revoir la largeur du contenant de ta galerie. Si je ne me trompe pas fGallery utilise un modèle de page propre à lui … réduis un peu la largeur de celui-ci pour voir …
Many wrote:Je pense qu’il te faudra revoir la largeur du contenant de ta galerie. Si je ne me trompe pas fGallery utilise un modèle de page propre à lui … réduis un peu la largeur de celui-ci pour voir …J’ai essayé d’adapter la largeur mais cela ne change pas. J’ai remarqué qu’en changeant le “clear: both;” au debut du CSS en “clear: right” ou “clear: none” que les albums se mettent à la bonne place mais la side bar à droite pas encore…
.fim {
padding: 0px;
margin: 0px;
clear: both;
width: 99%;
min-width: none;
}
h3.fim-nav {
padding:0px;
margin:0px;
border-bottom: 1px dashed #CCC;
}
.fim-album {
clear: both;
margin-top 20px;
}
.fim-title {
color: #260;
border-bottom: 1px dashed #CCC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.fim-meta {
margin: 0px 0px 5px 0px;
}
.fim-album-description {
font-size: 11px;
margin-top: 10px;
margin-bottom: 10px;
}
.fim-tn-border-album {
float: left;
margin-top: 5px;
margin-right: 4px;
margin-bottom: 8px;
margin-left: 4px;
width:120px;
height:120px;
}
.fim-tn-border-sidebar{
float: left;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 8px;
margin-left: 4px;
}
.fim-thumbnail {
float: left;
background: url() no-repeat bottom right;
float: left;
margin: 5px 0px 0px 6px;
padding: 0px 0px 0px 0px;
}.fim-thumbnail img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}
.fim-thumbnail img:hover {
background-color: #ccd;
}/*********************************************/
/* Image */
/*********************************************/.fim-photo-block {
float: left;
margin: 10px 5px 10px 5px;
}
.fim-photo {
background: url() no-repeat bottom right;
float: left;
}
.fim-photo img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}
.fim-photo-date{
margin:0px;
padding:0px;
}
/*********************************************/
/* Navigation */
/*********************************************/
.fim-photo-nav{
width:99%;
padding-top:0px;
padding-bottom:15px;
}
.fim-nav-buttons{
height:5px;
float:left;
text-align:center;
border:1px solid #ccc;
background:#F4F4F4;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
/*********************************************/
/* Comments */
/*********************************************/.fim-comment{
margin-bottom:1.6em;
overflow:hidden;
}
#fim-commentblock h2{
font-size:130%;
margin-bottom:1em;
}
.fim-commentname{
float:right;
width:375px;
color:#4675bc;
padding-top:10px;
padding-right:10px;}
.fim-commentname a{
color:#000;
font-weight:bold;}
#fim-commentblock p{
padding-bottom:.7em;
}
.fim-commenttext{
float:right;
width:375px;
min-height:40px;
padding-right:10px;
clear:both;
}
.fim-dec{
height:10px;
clear:both;
}
* html .fim-commenttext{
height: 40px;
overflow: visible;
}.fim-gravatar{
float:left;
width:50px;
height:50px;
padding:6px;
}#fim-commentsform{
padding:10px;
margin-bottom:2em;}
/*********************************************/
/* Misc */
/*********************************************/.fim_clear{
clear:both;
}ou alors pour cette partie :
définit une largeur fixe en px pour le width et non un pourcentage et enlève le min-width
Le float left ou right ne changeait rien au site, mettre une largeur fixe non plus 🙂
Je me suis aperçu que la case “search” ne fonctionnait pas dans la partie fgallery donc j’ai simplement enlevé la sidebar pour l’instant… merci pour votre aide en tout cas! 🍺J’ ai vu ton site bravo !
dans les float en fait tu ne peux faire que deux colonnes au milieu ca passe pas juste float : left ou right
il aurai fallu faire des
avecet en html mais la je sais pas non plus ! j’ai toujours mon probleme de 100% (le site ne se redimensionne pas sous ie ) probleme recurant je sais
si je fais à la main c’est chiant mais on y arrive mais la avec wordpress je cale ca marche nickel sous ffmon site DOMAX4U
si quelqu’un a un indice peut etre les width des content et sidebar
desole de poster la mais y a pas de rubrique 100% ou site redimensionnable c une marque de bonne fabrique
flashspeed wrote:desole de poster la mais y a pas de rubrique 100% ou site redimensionnable c une marque de bonne fabriqueUn forum où on trouve pas mal de bonnes idées aussi c’est http://www.csscreator.com/forum/2… je ne sais pas si cela peut t’aider pour ton problème (article sur 100% en CSS)…
- Vous devez être connecté pour répondre à ce sujet.