Déplacer et centrer des images

Résolu/Fermé

Skyronn Messages postés 38 Date d'inscription jeudi 5 février 2015 Statut Membre Dernière intervention 22 août 2016 - Modifié par Skyronn le 3/03/2015 à 12:25
Skyronn Messages postés 38 Date d'inscription jeudi 5 février 2015 Statut Membre Dernière intervention 22 août 2016 - 3 mars 2015 à 22:16

Bonjour,

Je suis en train d'améliorer mon site web !
Par contre j'ai un problème avec des icônes que j'ai créé, je n'arrive pas à les mettre bien à droite et en face de chacun des textes.

Voilà l'adresse du site
http://www.worlddiscover.esy.es/

On voit bien pour le premier thème que j'ai quasiment réussi à centrer l'image, mais pas totalement :/

Bref, merci d'avance pour votre aide !!

A voir également:

Déplacer et centrer des images
Déplacer une colonne excel - Guide
Des images - Guide
Déplacer barre des taches windows 11 - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? ✓ - Forum Photoshop
Déplacer dossier onedrive - Guide

1 réponse

Réponse 1 / 1

codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 3/03/2015 à 13:56

bonjour,

<div class="black-50">
 <h2>
  <span style="width: 0%;display: inline-block;">Incontournable</span>
  <span style="vertical-align: middle;display: inline-block;text-align: right;width: 97%;">
   <img  src= "http://www.worlddiscover.esy.es/imagesjapon/bouton2t.png" />
  </span>
 </h2>
</div>

Skyronn Messages postés 38 Date d'inscription jeudi 5 février 2015 Statut Membre Dernière intervention 22 août 2016
3 mars 2015 à 14:14

Encore merci à toi ! Ça fonctionne ^_^

Dis moi, si je veux écrire un petit "cliquez ici pour en savoir plus ->" juste à gauche de l'image, je dois m'y prendre comment ?

codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
3 mars 2015 à 14:53


<div class="black-50">
			<h2>
				<span style="width: 0%;display: inline-block;white-space: nowrap;">Exemple de séjour</span>
				<span style="vertical-align: middle;display: inline-block;text-align: right;width: 97%;">
					<a style="font-size: 14px;vertical-align: 64%;margin-right: 15px;" href="https://www.google.fr/?gws_rd=ssl">cliquez ici pour en savoir plus</a><img  src= "http://www.worlddiscover.esy.es/imagesjapon/bouton6t.png" />
				</span>
			</h2>
		</div>

Skyronn Messages postés 38 Date d'inscription jeudi 5 février 2015 Statut Membre Dernière intervention 22 août 2016 > codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018
Modifié par Skyronn le 3/03/2015 à 15:49

C'est ça ! Mais je me suis mal exprimé, désolé, c'était en fait "cliquez sur l'icône pour en savoir plus"
En gros, il faut la même chose mais que le lien soit sûr l'image :)
Merci de ta patience xD

codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
3 mars 2015 à 15:57

lol je n'ai pas beaucoup mieux compris.

<div class="black-50">
			<h2>
				<span style="width: 0%;display: inline-block;white-space: nowrap;">Exemple de séjour</span>
				<span style="vertical-align: middle;display: inline-block;text-align: right;width: 97%;">
					<a style="font-size: 14px;margin-right: 15px;" href="https://www.google.fr/?gws_rd=ssl">
						cliquez sur l'icône pour en savoir plus
						<img style="vertical-align:-70%;"  src= "http://www.worlddiscover.esy.es/imagesjapon/bouton6t.png" />
					</a>
				</span>
			</h2>
		</div>

Ouais, ça rend pas si bien que je le pensais :(
J'hésite en fait entre un hover/rollover sur l'image ou juste ce système avec une phrase et le lien sur l'icône. Mais ça a pas l'air si simple :/

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)

code couleur associé a une image

Aligner 2 photos côte à côte...

voir ses images enregistrés

ou sont enregistrées les images