- Statut : non résolu
- Ce sujet contient 8 réponses, 3 participants et a été mis à jour pour la dernière fois par
Lutin, le il y a 13 années et 11 mois.
-
AuteurMessages
-
24 avril 2007 à 0 h 20 min #451709
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!
24 avril 2007 à 9 h 00 min #598710Je 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 …
24 avril 2007 à 15 h 00 min #598711Many 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;
}24 avril 2007 à 16 h 27 min #598712pour le sidebar utilise un float:left; ou right 🙂
24 avril 2007 à 23 h 26 min #598713ou alors pour cette partie :
.fim { padding: 0px; margin: 0px; clear: both; width: 99%; min-width: none; }
définit une largeur fixe en px pour le width et non un pourcentage et enlève le min-width
27 avril 2007 à 20 h 52 min #598714Le 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! 🍺28 avril 2007 à 1 h 26 min #598715J’ 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
28 avril 2007 à 1 h 27 min #598716desole de poster la mais y a pas de rubrique 100% ou site redimensionnable c une marque de bonne fabrique
28 avril 2007 à 14 h 12 min #598717flashspeed 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)…
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.