Gotcha a écrit:

Quel était la solution à ce problème d'alignement alors ?

En fait j'avais agrandis la police tu titre de la description a 150% ce qui avait tout décalé, à 120 % ca marche impecc...

Seul soucis maintenant, c'est que lorsque j'enlève cooliris sur mes galeries les miniatures sont toutes disposer a la suite en vertical...

En travaillant sur mon index je ne pensais pas modifier mes pages de galerie, dommage..

Ca y'est , je suis enfin parvenue a ce que je voulais.

Merci en encore a vous de votre aide précieuse et réactive,

je pense avoir pas mal appris sur le CSS ces derniers jours, grâce a vous ;) ....

maxcircaetus a écrit:

Ok je viens de voir ça déconne sur IE: une idée ?

La capture est faite sous FF5
Je n'ai pas cherché la source du problème...

Pour l'opacité c'est tout à fait réalisable.
Regarde un exemple avec un effet de rotation : Ma galerie

Il faut trouver les bonnes balise et au survole il faut rajouter exemple :

#ma_balise:hover {opacity: 0.4;}

Juste le :hover donc.

Gotcha a écrit:

Ce que je vois c'est que les albums sont disposés assez bizarrement... (CF capture).

Et puis le compteur de visites qui clignote en bas, bof bof. Sinon les photos sont un régale pour les yeux !

Je ne comprend pas chez moi elles sont bien positionnées (firefox)???
Ok je viens de voir ça déconne sur IE: une idée ?

Pour le compteur tu as raison je vais mettre quelques chose plus discret.

Merci pour ton lien sur les transparences,
crois tu qu'il faut faire la manip pour chaques miniatures :


<img src="klematis.jpg" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

ou peut on rassembler la manip et faire :

.content thumbnails-category :
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

maxcircaetus a écrit:

Gotcha tu m'a dis qu'on pouvez assombrir,( pour moi cela serais plutot eclaircir) les miniatures au survol ?

Oui tout à fait :
http://www.w3schools.com/css/css_image_transparency.asp

maxcircaetus a écrit:

Prochaine étape agrandir les miniatures! une idée ;)  ?

extension:525

Désolé tu as raison, je travaille surtout sur ma page "d'index" ou il y'a toutes les catégories.

Mais en fait c'est tellement le chantier, que je remet l'ancienne présentation en attendant...

Actuellement le chantier est ouvert si tu veux voir ;)

J'y suis presque en plus, il me manque plus qu'a centrer le titre de la catégories...

j'ai coder ceci:

.content ul.thumbnailCategories li {
width:33%;
}

.content UL.thumbnails SPAN,
.content UL.thumbnails SPAN.wrap2 A,
.content UL.thumbnails LABEL,
.content DIV.thumbnailCategory DIV.illustration {
  width: 100%;      /* max thumbnail width + 6px */
  position : relative;
  bottom : 1 ;
}
.content UL.thumbnails SPAN.wrap2,
.content DIV.thumbnailCategory DIV.description {
  height: 180px;
  text-align: center/* max thumbnail height + 6px */
  float: center;
}
.thumbnailCategory DIV.illustration {
    float: center;
    position : absolute;
    bottom : 0 ;
    margin: 2px 0 0 2px;
    text-align: center;

  .thumbnailCategory .description H3 {
    background: none repeat scroll 0 0 transparent;
    font-size: 120%;
    margin: 0;
    padding: 0.1em;
    text-align: center;
    float: center;
}

J'ai pondu quelque chose comme :

content div.Description : {
 
  position : absolute;
  bottom : 0 ;
  text-align: center
 
}

.content div.thumbnail : {
 
  position : absolute;
  bottom : 1 ;
  text-align: center

}

Mais y'a rien qui bouge....
Une idée?