🌍
Français
Piwigo.org
Annonce
- [2024-11-11] Piwigo 15.1.0 : petites correction et infos sur les nouveautés
- [2024-10-22] Piwigo 15
- [2024-09-25] Piwigo 15.0.0RC1, on est proche du but
- [2024-09-11] Piwigo 15.0.0beta3
- [2024-08-01] Piwigo 15.0.0beta2
#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
- Montpellier (FR)
- 2005-05-04
- 15127
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