[Wordpress] mettre des images cote à cote

[J-Ben]

Hello

Je rencontre un problème et malgré mes recherche je n'ai pu solutionné (c'est pas cool, lol)

J'ai plusieurs images, et j'aimerai qu'elles s'affiche les unes a coté des autres, et pas les unes en dessous des autres
Voila la page en question :
http://www.leplombierducabaretneuf.fr/lien/

La technique du tableau fonctionne, mais je trouve ça pas propre, existe-t-il une autre solution ?
Je rappelle que c'est pour wordpress ^^

Merci d'avance

[GregLand]

Tu veux un truc dans ce style ?
http://emoticon.gregland.net/?page_id=74

As-tu créé des galeries de photos ?

[J-Ben]

Oui voila dans le style.

En faite je veux pouvoir faire comme j'ai fais pour sanitaire, mobilité réduite ... sans <table>

Non j'ai pas fais de galerie photo, en faisant ça je devrais pouvoir obtenir un résultat comme ceci :

Titre
image image image

titre
image image image

titre
image image

le tout en centré ?

Il est est possible de faire des liens avec ces image en passant par la galerie ?

[J-Ben]

C'est bon j'ai compris le fonctionnement, ca marche au top !!

Je te remercie

Edit : en faite ca foire, que que je passe en lien et que je veux les centrer sur la page ils repasse les uns sous les autres

[GregLand]

Ce n'est pas parce que tes images sont trop grandes que ça repasse à la ligne ?

[J-Ben]

non, quand je met juste les images ca rentre les 3 sur une ligne et centré, mais dés que je met en lien elles passent sur 3 lignes (une par ligne)

[J-Ben]

aprés plusieurs tests, j'ai trouvé d'ou viens le problème, c'est que je demande que le lien s'ouvre dans un nouvelle page, c'est a cause de ca que mes images liens passe les unes sous les autres, faut queje vois si j'arrive à trouver une solution

[GregLand]

C'est bizarre qu'en ouvrant un lien dans une nouvelle page, plusieurs images ne rentrent pas sur une largeur de page.

Il doit y avoir des extensions qui permettent de faire des galeries d'images qui renvoient sur des liens dans des nouvelles pages. Je vais regarder ça.

[J-Ben]

Hello, pour le moment j'ai rien trouvé sur les recherche google que j'ai faite, je vais essayer de me plonger dans les extension, mais comme bcp sont en anglais ca va pas être simple, lol

[GregLand]

Dans ta configuration actuelle, tu as les liens qui s'ouvrent dans une nouvelle page, et plusieurs images sur une largeur de page...
Tu as créé comment ta page? avec des galeries? Ou des images insérées manuellement?

Après tu me disais qu'en faisant un tableau, ça corrigeait le problème, mais que ça faisait pas beau. Ce sont les bordures qui ne te plaisent pas? Il y a certainement un moyen pour les rendre transparentes ou égales a 0px...

Une autre chose, il y a un moyen d'inclure des pages externes statiques grâce a cette extension :
http://wordpress.org/extend/plugins/include-it/
Cela te permet d'inclure dans une page un fichier externe (html, txt...) que tu auras créé préalablement avec un éditeur wysiwyg.
Je m'en sert pas mal sur des pages que je dois modifier régulièrement.

Ces page par exemple, sont hébergées sur mon Pc, car trop chargées en code et font planter l'éditeur de Wordpress. Ce sont des pages html que j'édite avec Komposer.
http://emoticon.gregland.net/?page_id=669
http://emoticon.gregland.net/?page_id=72

On ne voit aucune différence avec les autres pages... et ça me laisse plus de liberté pour les modifier.
Tu as juste a mettre [include file=nom_du_fichier.html] dans une page pour inclure le fichier.

[J-Ben]

Dans ta configuration actuelle, tu as les liens qui s'ouvrent dans une nouvelle page, et plusieurs images sur une largeur de page...
Tu as créé comment ta page? avec des galeries? Ou des images insérées manuellement?

Dans ma config actuelle, les lien ne s'ouvre pas dans une nouvelle page.
J'ai inséré les images avec la galerie, puis je change le lien de l'image par le lien de la page (pour ne pas que le lien s'ouvre dans une nouvelle page)

Après tu me disais qu'en faisant un tableau, ça corrigeait le problème, mais que ça faisait pas beau. Ce sont les bordures qui ne te plaisent pas? Il y a certainement un moyen pour les rendre transparentes ou égales a 0px...

En faite c'est le fait que les images ne font pas toute la même taille, et que du coup ca fait qu'aucune image n'est aligné avec une autres

Une autre chose, il y a un moyen d'inclure des pages externes statiques grâce a cette extension :
http://wordpress.org/extend/plugins/include-it/
Cela te permet d'inclure dans une page un fichier externe (html, txt...) que tu auras créé préalablement avec un éditeur wysiwyg.
Je m'en sert pas mal sur des pages que je dois modifier régulièrement.

Ces page par exemple, sont hébergées sur mon Pc, car trop chargées en code et font planter l'éditeur de Wordpress. Ce sont des pages html que j'édite avec Komposer.
http://emoticon.gregland.net/?page_id=669
http://emoticon.gregland.net/?page_id=72

On ne voit aucune différence avec les autres pages... et ça me laisse plus de liberté pour les modifier.
Tu as juste a mettre [include file=nom_du_fichier.html] dans une page pour inclure le fichier.

Je ne comprends pas comme je peux mettre ça en pratique dans mon cas.
Mes liens que je fais sur cette page renvois sur les site de fabriquant, pas sur d'autre page du site

[GregLand]

T'as pas compris, je te ré explique...
Sous ton éditeur web préféré, style Komposer, tu créé ta page de liens comme si tu voulais la créer sous WordPress. Tu l'envoie sur ton ftp, et dans ta page WordPress tu appelle juste la page que tu viens de créer.
Ça te permettra d'avoir plus de liberté sur certains tags ou fonctionnalités qui ne sont pas toujours pris en charge dans WordPress

[GregLand]

Regarde par exemple cette page :
http://emoticon.gregland.net/?page_id=72
elle inclue cette page, une page html écrite avec Komposer.
http://emoticon.gregland.net/historique.html

J'ai fait cela car je n'arrivais pas a faire ce que je voulais avec Wordpress... Problème de paragraphes, problèmes de longueur de page, de révisions trop longues...

J'ai donc inclu la page html dans le site grâce a l'extension ce qui fait que c'est plus facile a intégrer et on n'y voit que du feu...

Je pense que c'est plus clair comme ça...

[J-Ben]

ah ok, je pige mieux.

Donc en faisant ca je devrais pouvoir régler le renvoi a la ligne qui se met quand je veux que mon lien image s'ouvre dans une nouvelle page.

Merci beaucoup, je m'attaque à ça cette semaine quand je serai au taf ^^

[GregLand]

Oui, ça devrait fonctionner car tu le fera manuellement a partir d'un éditeur web...
ça ne devrait pas poser de problème...

[J-Ben]

Je viens d'éfféctuer un premier jet, le probléme de l'alignement est réglé
Cependant, j'ai 2 problèmes :
- les caractères spéciaux ne s'affiche pas corréctement " Mobilité Réduite"
- mes images sont collé les uns aux autres.

Comment puis-je régler ces 2 problèmes ?
il me semblais qu'en HTML il n'y avait pas de problème pour les é et autres.

Voici mon code :

Code : Tout sélectionner

<p style="text-align: center;">Nous mettons à votre disposition, tous les liens qui pourrait vous être utile, comme pour trouver des renseignement sur des produits que nous posons, ou sur les aides aux quelles vous avez droit.</em></p>

<h3 style="text-align: center;">Chauffage</h3>
	<p style="text-align: center;">
		<a href="http://www.chappee.com/" target="_blank"><img alt="chappee" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/chappee.jpg"/></a>          
		<a href="http://www.dedietrich-thermique.fr/" target="_blank"><img alt="dedietrich" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/dedietrich.jpg"></a>         
		<a href="http://www.thermor.fr/" target="_blank"><img alt="thermor" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/thermor.jpg"/></a>
	</p>

<h3 style="text-align: center;">Sanitaire</h3>
	<p style="text-align: center;">
		<a href="http://www.jacobdelafon.com/fr/index.jdf" target="_blank"><img alt="jacobdelafon" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/jacobdelafon.jpg" /></a>     
		<a href="http://sanijura.fr/" target="_blank"><img alt="sanijura" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/sanijura.jpg" /></a>     
		<a href="http://www.porcher.com/" target="_blank"><img alt="porcher" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/porcher.jpg" /></a>     
		<a href="http://www.pellet-asc.fr/" target="_blank"><img src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/pellet.jpg" alt="Pellet ASC" /></a>     
		<a href="http://www.inda.net/v1/home.php" target="_blank"><img src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/inda.jpg" alt="Inda" /></a>
	</p>

<h3 style="text-align: center;">Mobilité Réduite</h3>
	<p style="text-align: center;">
		<a href="http://www.easa.fr/"><img alt="easa" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/easa.jpg" /></a>
		<a href="http://www.medi-sante.fr/"><img alt="medisante" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/medisante.jpg" /></a>
		<a href="http://www.idhra-vichy.com/"><img alt="idhra" src="http://www.leplombierducabaretneuf.fr/wp-content/uploads/2013/03/idhra.jpg" /></a>
	</p>

[GregLand]

Il faut que tu modifie le charser de ta page web en mettant le même que celui de wordpress...
Je suppose que ton wordpress est en UTF8, dans ce cas là, dans le header de ta page web (<head></head>) rajoute

Code : Tout sélectionner

<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>

[J-Ben]

ah il faut quand même mettre le header, moi j'allais juste mettre du code body, lol.

Je te remercie, je vais me remettre la dedans

Edit : donc j'ai fait ma page, le problème c'est que quand je l'a met en ligne elle me fait planté la page, avec "not found"

[GregLand]

Mets la page a la racine de wp, et indique juste le nom de la page dans l'inclure (pas le chemin complet)

[J-Ben]

c'est ce que j'ai fait, je suis a la racine de wp, mon fichier s'appelle lien.html