Déplacer et centrer des images

Résolu
Skyronn Messages postés 41 Statut Membre -  
Skyronn Messages postés 41 Statut Membre -
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:

1 réponse

Réponse 1 / 1
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
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>
0
Skyronn Messages postés 41 Statut Membre
 
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 ?
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
  

<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>
0
Skyronn Messages postés 41 Statut Membre > codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
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>
0
Skyronn Messages postés 41 Statut Membre > codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention  
 
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 :/
0

Discussions similaires

PIX
plart -
jordane45 -

1 réponse
calcule nombre des pixels "noir" dans un image (noir/blanc)
neji55 -
nath84150 -

3 réponses
ou sont enregistrées les images
RAKAMA -
mathejea -

4 réponses
voir ses images enregistrés
bastUltra -
bastUltra -

2 réponses
Superposé photo avec transparence
minime17 -
moiii -

12 réponses