Limiter la taille totale de la signature

[Chamois]

Bonjour à tous.

En feuilletant le forum, j'ai trouvé un sujet sur la question, indiquant un code à insérer dans le PA, mais le sujet  est verrouillé...
Donc, j'ouvre celui-ci.

J'ai inséré le code suivant, dans une feuille CSS :

Code:

.div.signature_div img {
         max-width:700px;
         max-height:220px;
        }

Mais il ne fonctionne pas.
Je viens en effet de mettre en signature, une image de 600px de hauteur !!!

Auriez-vous une idée de l'anomalie ?

D'avance, je remercie ceux qui pourront m'aider.

[Invité]

Salut Chamois,


Modifies ta css comme ceci:

Code:


.signature_div img
{
 max-width:700px;
max-height:220px;
}

a++

[Chamois]

Bonjour Milouze14.

Super ! Génial !
Ca marche, l'image initiale a été réduite automatiquement au bon format !!!

Donc pour les images dans les signatures, c'est OK.  beaucoup !

Maintenant, y aurait-il la possibilité supplémentaire de limiter la hauteur totale des signatures (ensemble image(s) + texte ou Gif ou...)

[Invité]

Re,

dans le code précédent , on imposait une taille définie.

Pour le bloc ou seront insérés les signatures,
ce sera ceci

Code:


.signature_div
{
width:700px;
height:220px;
}


Ensuite il faudra adapter les deux codes en fonction de tes choix sur la taille limite.

a++

[Chamois]

Voilà qui fait mon bonheur !!!!  

Je vais tester également ce deuxième code, illico !
Merci beaucoup pour votre aide !!!!
Bonne soirée.

PS : il est vraiment génial, ce forum.... il suffit de demander et hop ! la solution arrive

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. A bientôt sur ForumActif

[Chamois]

Bonsoir à tous.

Merci  Chacha d'avoir, à ma demande,  ré-ouvert ce sujet.  

Comme conseillé par Milouze14, j'ai donc mis en place, le code suivant :

Code:

       
       .signature_div
        {
        width:800px;
        height:250px;
        }

Mais, le résultat obtenu pose quelques PB :
=> si la hauteur totale de la signature dépasse le maxi fixé (250 px), alors la signature s'affiche malgré tout dans sa totalité, mais la partie "excédentaire" empiète sur le message suivant et le chevauche.
Résultat, message et signatures sont carrément illisibles !
=> si la hauteur totale de la signature n'atteint pas 250 px, le cadre réservée à celle-ci, a une hauteur de 250 px , d'où un espace blanc bien inutile au bas de celle-ci.

En conséquence, est-il possible de supprimer ces 2 désagréments, si je modifie le code de cette façon :

Code:

       
       .signature_div
        {
        max-width:700px;
        max-height:220px;
        }

Vous aurez compris que ce langage ne m'est pas vraiment familier.... et je crains de faire des bêtises...

Merci d'avance à ceux qui voudront bien me donner leur avis.
Bonne nuit !

[Self]

Bonsoir Chamois .

Essayez plutôt comme cela:

Code:

.signature_div div{
max-width:800px;
max-height:250px;}

Cordialement .

[Chamois]

Bonjour SeLfde4Th7.

Merci de vous intéresser à mon PB. :thanks: 
En plus de celui qui limite la hauteur des images, j'ai bien mis en place ce 2ième code.... mais il ne fonctionne pas.

Voici un exemple : j'ai posté dans la signature, l'une au-dessous de l'autre, deux photos de hauteur supérieure au maxi fixé, soit 130 px =>  elles ont bien été redimensionnées automatiquement à 130 px de haut =>  Parfait !!!

Cependant, le maxi fixé pour la hauteur totale de la signature étant 250 px, les deux photos ne devraient pas s'afficher.

Le résultat :



Clic droit dans la signature, puis "Examiner l'élément"  donne ce renseignement :



Le code n'a donc pas été pris en compte....

[Self]

Bonjour ^^.

J'ai été sur votre forumlez code fonctionne, .
Seulement avec le code nous limitons la taille de la div pour ne pas voir ce qu'il y à en dehors on ajoute overflow comme cela:

Code:

.signature_div div{
max-width:800px;
max-height:250px;
overflow:hidden}

Mais cela va décaler et découpper mais pas retailler le mieux et donc de le compléter de:

Code:

.signature_div img{
max-width:98%;
max-height:220px;}

Histoire que l'image elle soit retailler et le texte lui au contraire sera couper si sa dépasse de la hauteur .

Cordialement .

[Chamois]

Bonsoir et merci pour votre aide.

J'ai dû faire quelque chose de travers, car c'est toujours OK pour les images, mais pas pour la hauteur de la signature entière.

Je viens notamment de repérer une signature de hauteur totale de 375 px.... une autre de 456 px....

Voici les codes mis en place :

Code:


       .signature_div div{
        max-width:98%;
        max-height:250px;
        overflow:hidden}

        .signature_div img{
        max-width:98%;
        max-height:130px;}

Cordialement.

[Chamois]

Up !

[Self]

Bonsoir et merci pour votre aide.

J'ai dû faire quelque chose de travers, car c'est toujours OK pour les images, mais pas pour la hauteur de la signature entière.

Je viens notamment de repérer une signature de hauteur totale de 375 px.... une autre de 456 px....

Voici les codes mis en place :

Code:


       .signature_div div{
        max-width:98%;
        max-height:250px;
        overflow:hidden}

        .signature_div img{
        max-width:98%;
        max-height:130px;}

Cordialement.

Bonjour ^^.

Excusez moi je n'avais pas vu votre réponse.
Essayez peut être d'ajouter un !important derrière hidden comme cela:

Code:

.signature_div div{
max-width:98%;
max-height:250px;
overflow:hidden !important;}

Seuelement attention pour le 98%, ici vous limiter la largeur maximum de la div à 98% de la div qui la contient, ce qui fait que les images limitées à 98% de cette div pourronsavoir un largeur plus haut que les 800 ou 700px voulu au départ.

Cordialement .

[Chamois]

Bonjour SeLfde4Th7.

Merci à vous de me consacrer un peu de votre temps !!

J'ai donc fait la modif conseillée, remplacé "98%" par 800 px, et ajouté !important, dans le code...
Mais, aucun changement !
C'est toujours OK pour la taille des photos automatiquement réduites au format maxi demandé, mais je peux en poster 3 ou 4 l'une au-dessous de l'autre, ce qui dépasse largement la hauteur totale maxi de la signature que je souhaite imposer pour celle-ci...
 
Cordialement.

[MlleAlys]

Bonjour,

Je viens ajouter mon grain de sel xD, et vous propose d'essayer de mettre ça :

Code:

.signature_div {
    max-width:98%;
    max-height:250px;
    overflow:hidden;
}

(à la place du code précédent c'est à dire :

Code:

.signature_div div{
    max-width:98%;
    max-height:250px;
    overflow:hidden !important;
}

(j'ai enlevé de deuxième "div" juste avant l’accolade, et le !important qui ne semble pas indispensable ici ^^)

j'ai essayé sur le forum de votre profil, ça a l'air de fonctionner... j'espère que c'est vraiment le cas cette fois ^^"

[Chamois]

Bonsoir MlleAlys.

Oui, oui, ça marche !!!!!! C'est Super !

Je vous remercie beaucoup  

Bonne soirée.