Mettre deux image cote a cote

[guillaume789]

Bonjour,

Je voudrais mettre deux images cote a cote sur ma page d'accueil. Elle sont sur le hook " top" du configurateur de theme. Dans les PJ c'est "voir boutique" et "voir nos points de vente".

 

Merci de votre aide

 

[Oron]

Bonjour

 

Là vous avez 4 images sur 1 seul, vous souhaitez quoi exactement ? 

Ou vous voulez une image pour chacun des boutons Voir Boutique Voir point de vente

[guillaume789]

Alors a gauche il y a le module slide, a droite en haut le point d'accroche top et en dessous les deux image que je veut mettre cote a cote. Chaque image (boutique et nos points de vente) redirige vers deux pages différente. 

voir la pj 

 

merci

Edited October 31, 2016 by guillaume789 (see edit history)

[guillaume789]

?

[f4r4b3l]

Bonsoir,

 

Je pense qu'il va falloir faire du CSS dedans pour pouvoir aligner deux éléments côte à côte. Vous vous y connaissez en technique ?

 

Est-ce que la boutique est en ligne ?

[guillaume789]

bonsoir, 

Oui les grandes lignes.

oui,http://derce.thomas-messina.fr/index.php.

[f4r4b3l]

Bonjour Guillaume,

 

Voici en capture ce que j'ai réussi à faire en bidouillant le code via l'inspecteur de l'élément de Chrome.

 

Je te mets aussi mon code ici : 

<div id="htmlcontent_top" class="col-xs-4">
	<ul class="htmlcontent-home clearfix row">
		<li class="htmlcontent-item-1 col-xs-12">
			<img src="http://derce.thomas-messina.fr/modules/themeconfigurator/img/d4bb11e31205338e1d13113b1873f960806f0a76_2016-10-2810h4705.png" class="item-img " title="" alt="" width="100%" height="100%">
		</li>
	</ul>
	<ul class="htmlcontent-home clearfix row">

		<li class="htmlcontent-item-2 col-xs-6">
			<a href="http://derce.thomas-messina.fr/index.php?controller=stores" class="item-link" title="">
				<img src="http://derce.thomas-messina.fr/modules/themeconfigurator/img/75c9a22558f9ea8cf3c351009c4084d3472850fa_2016-10-2813h5221.png" class="item-img " title="" alt="" width="150" height="100">
			</a>
		</li>
		<li class="htmlcontent-item-3 col-xs-6">
			<a href="http://derce.thomas-messina.fr/index.php?id_category=18&controller=category" class="item-link" title="">
				<img src="http://derce.thomas-messina.fr/modules/themeconfigurator/img/7585564241d7f9240552654f6805920deeb14d55_2016-10-2813h5206.png" class="item-img " title="" alt="" width="150" height="100">
			</a>
		</li>
	</ul>
</div>

Cependant, il faudrait savoir si c'est faisable de ton côté. Je ne sais pas comment est formaté ton module en HTML et si tu as la main pour pouvoir modifier ces codes. Comment est censé se comporter le module ? Comment est-il formaté de base ?

 

Est-ce un comportement "normal" ou bien, est-ce une personnalisation de ta part ?

 

 

[guillaume789]

Bonjour,

 

Je vous remercie pour le code HTML que vous avez fournis .

J'ai essayé dans mon coté de l'appliquer mais rien a faire les deux images reste l'une en dessous de l'autre .

Oui j'ai la main sur mon site (en FTP). Le module qui gère ça est le module par défaut (le configurateur de thème (V2.1.2). Mes images sont sur le hook "TOP".

Non c'est une personnalisation de ma part je ne trouve pas trop design (de mon de vue) d'avoir deux images qui ce suivent. .

 

Merci 

[guillaume789]

?

[f4r4b3l]

Ce n'est pas exactement le même code que je vois. De plus, c'est étonnant mais il y a des class de Bootstrap mais les width ne sont pas toutes mentionnées pour chaque dimension...

 

col-xs-12, col-xs-4 etc...

 

Est-ce qu'il y a des fichiers CSS que vous avez supprimé ? 

[guillaume789]

Non je n'ai supprimer aucun fichier css

Edited November 5, 2016 by guillaume789 (see edit history)