•  » Styles
  •  » [montblancxl] les mystères du CSS

#1 2010-03-09 10:53:40

vincent3569
Membre
Lyon
2006-05-31
608

[montblancxl] les mystères du CSS

sur le thème montblancxl, je ne comprends pas le code CSS si dessous.
pour être précis je ne comprend pas  :
- pourquoi la taille des vignette est forcée, au risque de ne pas respecter la taille des vignettes générées par ailleurs
- pourquoi la taille de la boite de la description est également forcée

avec mes maigres connaissances CSS, ces 2 boites ne devraient-elles pas automatiquement s'ajuster à la taille des vignettes existantes ?


/*    miniatures
-----------------------------------------------------------------------------------------------*/
.content UL.thumbnails SPAN, .content UL.thumbnails SPAN.wrap2 A,
.content UL.thumbnails SPAN.wrap2 LABEL, .content DIV.thumbnailCategory DIV.illustration {
  width: 155px;            /* max thumbnail width + 2px */
}
.content ul.thumbnails span.wrap2{ width: 172px; height:150px; }
.content DIV.thumbnailCategory DIV.description { height: 132px; }        /* max thumbnail height + 2px */
.content DIV.thumbnailCategory DIV.illustration img { height: 128px; }
.content DIV.thumbnailCategory DIV.illustration a:hover { border:0; }

.content DIV.comment BLOCKQUOTE {
  margin-left: 172px;    /*maximum thumbnail width + ~10px */
}
.content DIV.thumbnailCategory DIV.description  p { text-align: left; }

Hors ligne

#2 2010-03-09 11:08:04

VDigital
Former Piwigo Team
Paris (FR)
2005-05-04
15124

Re: [montblancxl] les mystères du CSS

vincent3569 a écrit:

- pourquoi la taille des vignette est forcée, au risque de ne pas respecter la taille des vignettes générées par ailleurs
- pourquoi la taille de la boite de la description est également forcée

avec mes maigres connaissances CSS, ces 2 boites ne devraient-elles pas automatiquement s'ajuster à la taille des vignettes existantes ?

Elles ne peuvent pas vraiment s'ajuster.
Elles doivent être forcées en raison de:

.content DIV.comment BLOCKQUOTE {
  margin-left: 172px;    /*maximum thumbnail width + ~10px */
}

Mais pas dans le thème...
Dans l'un des local-layout.css.

Seulement l'auteur du thème attire ton attention sur le fait que ces dimensions sont à ajuster et pas forcément de la même façon que pour les autres thèmes.
Par ailleurs, montblancxl commence à avoir de l'age et mériterait peut-être une relecture approfondie.
Mais nous n'avons pas le temps de le faire.

Merci de nous signaler donc toutes ces bizarreries qui pourraient être encore actives.
;-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#3 2010-03-09 12:09:08

vincent3569
Membre
Lyon
2006-05-31
608

Re: [montblancxl] les mystères du CSS

VDigital a écrit:

Merci de nous signaler donc toutes ces bizarreries qui pourraient être encore actives.
;-)

ben déjà, ce que je viens de vous remonter, à savoir que les zones s'adaptent au contenu et non l'inverse

et puis, ce qui me vient, en vrac :
- nettoyer en profondeur le CSS pour virer ce qui ne sert plus à rien et qui date du temps où le thème d'admin était le même que le thème de la galerie
(sur tes bons conseils j'ai installé firebug : ce thême donne vraiment le tourni avec tous les css en cascade et il est très difficile de savoir où agir pour avoir le comportement attendu)

- revoir le menu pour qu'il affiche la barre de titre prévue dans le thême et que les entêtes du menu soient transparent au lieu d'être gris (afin de toujours s'afficher sur cette barre de menu)

de mémoire, ce que j'ai fait pour y arriver

/* horizontal menubar */
#menubar, BODY#theAdminPage #menubar {
    float: none;
    width: 940px;
    margin: 5px auto;
    border: none;
    display: block;
    background-image: url(/piwigo/template/yoga/theme/montblancxl/img/menu.jpg);
    background-repeat: no-repeat;
}

/* styles */
#menubar, #menubar DT {
    color: #FFF;
    border: 0;
}
#menubar DD, #menubar UL {
    background-color: #666;
    color: #FFF;
    border: 0;
}
#menubar a, #menubar DT a, #menubar DD a {
    color: #fff;
    display: block;
    text-decoration: none;
    border: 0;
}

- revoir qq boutons
=> sur mon site, j'ai :
   - remplacé les boutons slideshow, favorite, représentante,;;; (liste non encore finalisée, sachant que j'ai repris des icones "standard" de tango)
   - jouter un icone RSS

Hors ligne

  •  » Styles
  •  » [montblancxl] les mystères du CSS

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2020 · Contact