11499 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Title long Shadowbox

Bonjour,

Sur mes sites je présente mes albums photo à l'aide Shadowbox avec si nécessaire un titre sur les photos.

<a href="'.$test_Fichier_slides.'" class="shadowbox-galerie" title="'.$titre.'"><img style="margin: 1px" alt="" src="'.$test_Fichier_thumbs.'" /></a>


Les titres longs sont tronqués, bien que dans le CSS Shadowbox la largeur du titre est à 95% : 

#sb-title-inner{font-size:14px;padding:0 10px;width:95%;}


J'ai beaucoup cherché, mais sans trouvé, la possibilité d'afficher le titre sur 2 lignes ou mieux encore d'afficher le titre avec des retours ligne automatiques.

Je voudrais d'abord savoir si c'est possible et si oui quels codes mètrent en oeuvre.

Merci pour votre aide
Cordialement
Patrick MARA
Bonjour,

J'ai finalement trouvé une solution en modifiant la CSS de SHADOWBOX:

#sb-title-inner{font-size:18px;padding:0 10px;width:50%;}
#sb-info,#sb-info-inner{height:25px;line-height:25px;}


Afin de disposer de plus de place pour le titre (sb-title-inner) :
* j'ai réduit de 18 à 14px sa taille de caractère
* j'ai augmenté sa largeur de 50 à 100%

J'ai essayé ensuite de jouer sur la hauteur et la hauteur de ligne de ce titre, pour finalement me rendre compte qu'en ne mettant aucune condition sur ces paramètres, les titres longs s'affichent sur deux voire 3 lignes.

Donc : 

#sb-title-inner{font-size:14px;padding:0 10px;width:100%;}
/*#sb-info,#sb-info-inner{height:25px;line-height:25px;}*/


Cordialement
Patrick MARA
Correction d'une erreur dans mon message précédent.

/*#sb-title,#sb-title-inner{height:20px;line-height:10px;}*/
#sb-title-inner{font-size:14px;padding:0 10px;width:100%;}


Cordialement
Patrick MARA
Sujet clos
Aller à