Thème avec fGallery (Créer un compte)

  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #451709
    Lutin
    Membre
    Initié WordPress
    4 contributions

    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!

    #598710
    Many
    Participant
    Maître WordPress
    1485 contributions

    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 …

    #598711
    Lutin
    Membre
    Initié WordPress
    4 contributions
    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;
    }

    #598712
    flashspeed
    Participant
    Initié WordPress
    27 contributions

    pour le sidebar utilise un float:left; ou right 🙂

    #598713
    Many
    Participant
    Maître WordPress
    1485 contributions

    ou 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

    #598714
    Lutin
    Membre
    Initié WordPress
    4 contributions

    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! 🍺

    #598715
    flashspeed
    Participant
    Initié WordPress
    27 contributions

    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

    avec

    et

    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 ff

    mon site DOMAX4U

    si quelqu’un a un indice peut etre les width des content et sidebar

    #598716
    flashspeed
    Participant
    Initié WordPress
    27 contributions

    desole de poster la mais y a pas de rubrique 100% ou site redimensionnable c une marque de bonne fabrique

    #598717
    Lutin
    Membre
    Initié WordPress
    4 contributions
    flashspeed wrote:
    desole de poster la mais y a pas de rubrique 100% ou site redimensionnable c une marque de bonne fabrique

    Un 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)…

9 sujets de 1 à 9 (sur un total de 9)
  • Vous devez être connecté pour répondre à ce sujet.