Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Images et animation GIF > Différence de taille entre mes images...

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Différence de taille entre mes images...

Répondre
La question
Posté le 16 Mars 2018 à 15:37
canvas

474 messages
Inscrit le 17/1/2008
Bonjour,

Sur ma page d'accueil, j'ai un tableau comprenant 9 images alignés en rangée de 3.

J'ai mis pour dimension sur chacune de mes images 344px en hauteur et largeur. Néanmoins, à l'affichage elles apparaissent de tailles différentes... Étrange!

De plus, sur cette même page, j'ai une image que j'ai du mettre à une dimension de 750px alors qu'à la base, elle était à 350px. Je pense qu'il doit y avoir un problème de réglage ou je ne sais quoi mais en tout cas, les images ne s'affichent pas correctement.

Autre exemple sur ma page sculpture. La 3eme image à une hauteur de 506px hors à l'affichage elle doit être au max à 200px.
L'erreur vient elle de la mise à jour que vous avez effectué?

Merci

canvas

Voir mon site

 
Navigateur utilisé : Firefox

 
Posté le 19 Mars 2018 à 10:59
canvas

474 messages
Inscrit le 17/1/2008
Bonjour,

Pas d'idée sur ce qui pourrait expliquer ces différences de taille entre mes images alors qu'elles sont calibrées toutes du même format?

Merci de votre aide

Canvas

 
Navigateur utilisé : Firefox

 
Posté le 19 Mars 2018 à 19:47
gabriel-support

Bonjour,

C'est une question de mathématique

Vous avez une largeur disponible de 1010 pixels, et vous avez créé un tableau de 3 colonnes de chacune 344 pixels.

Ce qui au total fait 1032 pixels de large.

Comme la largeur max est de 1010 pixels, il y a 12 pixels manquant à l'appel, qui se retrouvent en mois sur une des colonnes.

 
Navigateur utilisé : Chrome

 
Posté le 20 Mars 2018 à 10:44
canvas

474 messages
Inscrit le 17/1/2008
Bonjour Gabriel,

Ha effectivement! Une logique infaillible...
Je vais donc modifier tout cela afin que ce soit plus harmonieux

Merci de votre aide

canvas

 
Navigateur utilisé : Firefox
 
Posté le 20 Mars 2018 à 12:01
Re Bonjour Gabriel,

Alors j'ai réussi à modifier la taille de mes images et du coup le rendu est beaucoup mieux.

Néanmoins, un problème subsiste lorsque je regarde le contenu sur tablette ou mobile. Effectivement ma colonne du milieu est affichée en toute petite alors que j'ai mis mon tableau adaptable en 100% pour le responsive...

Je ne comprend pas ces différences. J'ai regardé chaque image au cas où j'aurai fait une erreur mais là je ne vois pas.

Merci de votre aide.

Canvas

 
Navigateur utilisé : Firefox
 
Dernière modification du message le 26/3/2018 à 11:40:20.

 
Posté le 20 Mars 2018 à 19:53
gabriel-support

Bonjour,

Faites ceci sur le tableau : https://www.youtube.com/watch?v=-BNMY4Bk_dw

Cela le rendra responsive.

 
Navigateur utilisé : Chrome

 
Posté le 26 Mars 2018 à 14:32
canvas

474 messages
Inscrit le 17/1/2008
Bonjour Gabriel,

Malgré avoir effectué les modifications sur mes tableaux qui ont une taille trop importantes pour les tablettes et mobiles, l'adaptation en responsive ne se fait pas. Juste à titre d'info (peut-être cela pourra aider), avant les nouvelles modifications, tous mes tableaux (calibrés en 100%) s'adaptaient automatiquement à tous les supports. Aujourd'hui cela semble plus complexe...
Merci de votre aide

canvas

 
Navigateur utilisé : Firefox

 
Posté le 26 Mars 2018 à 19:48
gabriel-support

Bonsoir,

De quel tableau parlons-nous ? Pouvez vous m'indiquer l'adresse d'une page concernée pour être certain que nous parlons de la même chose ?

 
Navigateur utilisé : Chrome

 
Posté le 27 Mars 2018 à 10:54
canvas

474 messages
Inscrit le 17/1/2008
Bonjour Gabriel,

Il s'agit du 1er tableau sur la page d'accueil : http://galerie-dessein.wifeo.com/

Lorsque je le regarde sur tablette, il ne s'adapte pas correctement.

Merci de votre aide

canvas

 
Navigateur utilisé : Firefox

 
Posté le 27 Mars 2018 à 20:11
gabriel-support

Bonjour,

Tout est une question de largeur

Les deux div "defiscalisation" et "contact" ont des largeurs fixes. C'est le problème je penses.

Ajoutez la propriété max-width à la place du width, et mettez un width de 100%.

Exemple, sur "defiscalisation" vous avez :
width: 336px; height: 336px; text-align: center; vertical-align: middle;

Mettez :
width : 100%; max-width: 336px; height: 336px; text-align: center; vertical-align: middle;

 
Navigateur utilisé : Chrome

 
Posté le 24 Avril 2018 à 10:18
canvas

474 messages
Inscrit le 17/1/2008
Bonjour Gabriel,

Un grand merci pour votre aide.
J'ai effectué quelques modifications comme vous m'avez conseillé ci-dessus. Le visuel est amélioré néanmoins, il y a encore un décalage de certaines images lorsque je visualise ce 1er tableau de ma page d'accueil sur la tablette.
Il y a effectivement un grand espace entre chaque ligne du tableau.
Par contre l'espace entre chaque images est parfait

J'ai également réduit la 1ere image afin que l'ensemble de la vignette fasse la même taille que les autres vignettes mais je n'y arrive pas. J'ai pourtant mis cette 1ere image à 50% de sa taille originale... je ne vois pas...

Et enfin, dernière question. Sur la dernière ligne de mon tableau, mes 2 vignettes utilisant du css sont plus hautes que l'image du milieu. Est-il possible que vous me donniez un petit coup de main pour aligner le tout?
Je vous remercie par avance.

J'ai cherché et recherché de mon côté mais mes connaissances de néophyte en css ont leurs limites...

En tout cas merci pour l'aide que vous voudrez bien m'accorder

Très bonne journée

Canvas

 
Navigateur utilisé : Firefox
 
Posté le 30 Avril 2018 à 11:19
Bonjour,

J'ai de nouveau cherché une solution... en vain.
Merci aux personnes qui voudront bien m aider

Bonne journée

canvas

 
Navigateur utilisé : Firefox

 
Posté le 30 Avril 2018 à 18:38
fanfan88


1806 messages
Inscrit le 22/2/2010
Mon site
Bonsoir Delphine,

Je ne suis pas sûr de tout solutionner, mais j'ai déjà trouvé quelque chose qui cloche, voici le code source de la cellule du milieu :

   SCRIPT
<td style="width: 336px; height: 336px;"> <div class="image1"><font size="4"><font face="Josefin Slab"><a href="http://galerie-dessein.wifeo.com/actualite.php" style="width: 344px; height: 344px;"><img alt="Expositions de l'Artiste Contemporain - Delphine DESSEIN -" longdesc="Expositions Delphine Dessein. Artiste peintre Lilloise (Nord). Femme artiste peintre contemporain (Nord et var) | Artiste peintre contemporain Nord |" onmouseout="this.src='http://galerie-dessein.wifeo.com/images/e/exp/expos-1-accueil-.jpg'" onmouseover="this.src='http://galerie-dessein.wifeo.com/images/e/exp/expos-2-accueil-galerie-des.jpg'" src="http://galerie-dessein.wifeo.com/images/e/exp/expos-1-accueil-.jpg" style="width: 336px; height: 336px;" title="Expositions de l'Artiste Peintre Contemporain Delphine Dessein" /></a></font></font></div> </td>


La cellule est paramétrée à 336 sur 336px, ainsi que l'image...
Mais dans le style du lien, on voit 344 sur 344px.
Tu peux déjà voir ce que ça donne en supprimant ce que tu as mis dans le style pour le lien, il n'est pas utile de lui donner des dimensions.
Pour cela, sélectionne ton image et clique sur , puis tu vas dans l'onglet "Avancé", puis "Style".

Tiens-moi au courant, à bientôt.

 
Navigateur utilisé : Firefox
 
Dernière modification du message le 30/4/2018 à 18:40:01.

Dernières actualités de mon site :
• Révision totale du site pour le rendre compatible avec les mobiles !
• La carte de France des observations de l'anthurus d'Archer par les visiteurs de Nature et décoration vient d'être mise à jour !
(Plus de news au sujet de mon site...)


 
Posté le 14 Mai 2018 à 12:45
canvas

474 messages
Inscrit le 17/1/2008
Bonjour à tous,

Bien vu Fanfan! J'ai donc modifié ce problème de taille et effectivement, grâce à cela mes vignettes ont toute la même taille. Ça c'est vraiment cool!!

Néanmoins un problème subsiste lorsque je regarde cette fameuse présentation sur tablette (en format portrait).
Cela ne s'affiche pas comme sur l'ordinateur; un espace important est présent entre chaque ligne ce qui n'est pas très esthétique. De plus sur la dernière ligne l'image du milieu se trouve plus basse que celles présentes de chaque côté et je ne parviens pas à égaliser cela.

Je suis preneuse du moindre conseil! Merci beaucoup

Merci pour votre aide

Canvas

 
Navigateur utilisé : Firefox

 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES