Déplacer et centrer des images

Résolu
Skyronn Messages postés 38 Date d'inscription   Statut Membre Dernière intervention   -  
Skyronn Messages postés 38 Date d'inscription   Statut Membre Dernière intervention   -
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

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 38 Date d'inscription   Statut Membre Dernière intervention  
 
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 38 Date d'inscription   Statut Membre Dernière intervention   > 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 38 Date d'inscription   Statut Membre Dernière intervention   > 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