Menu

Aligner du texte à côté de plusieurs images

romain444444 11 Messages postés mercredi 11 avril 2018Date d'inscription 15 avril 2018 Dernière intervention - 13 avril 2018 à 04:06 - Dernière réponse : romain444444 11 Messages postés mercredi 11 avril 2018Date d'inscription 15 avril 2018 Dernière intervention
- 14 avril 2018 à 01:20
Bonjour à tous, je vous embête à nouveau avec une question.

Je souhaiterai aligner du texte à côté de deux images alignés verticalement, quand j'utilise "float: left;" pour ma deuxième image, elle se décale à droite de la première... je ne trouve pas de solution à mon problème, pourriez vous m'aider ?

Voici mon script:

html

<blockquote>
<div id="moncadre1">
<p>
 <div id="title-contact"><a>Contact</a></div>
 <div id="image-contact-tel"><img src="image-contact-tel.jpg" alt="image telephone"></div>
 <div id="tel"><a>06.00.00.00.00.</a></div>
 <div id="image-contact-mail"><img src="me-contacter-mail.jpg" alt="image mail"/></div>
 <div id="mail"><a>mail@mail.com</a></div>
</p>
</div>
</blockquote>


css

div#image-contact-tel {
 margin-left: 5%;
 margin-top: 10%;
 float: left;
}

div#tel {
 margin-top: 18%;
 margin-left: 30%;
 font-size: x-large;
}

div#image-contact-mail {
 margin-top: 20%;
 margin-left: 5%;
 float: left;
 }

div#mail {
 font-size: x-large;
 margin-left: 30%;
}


Merci d'avance pour votre aide !
Afficher la suite 

6 réponses

Répondre au sujet
1Seb 60 Messages postés dimanche 27 mars 2016Date d'inscription 13 avril 2018 Dernière intervention - 13 avril 2018 à 17:58
0
Utile
5
Bonjour,

<p><img src="image-contact-tel.jpg" alt="image telephone" style="vertical-align: middle;" /> 06.00.00.00.00.</p>

romain444444 11 Messages postés mercredi 11 avril 2018Date d'inscription 15 avril 2018 Dernière intervention - 13 avril 2018 à 18:15
Merci beaucoup !!
romain444444 11 Messages postés mercredi 11 avril 2018Date d'inscription 15 avril 2018 Dernière intervention - 13 avril 2018 à 18:33
sur le même themes, sais tu comment aligner du texte a côté d'un diapo ?
1Seb 60 Messages postés dimanche 27 mars 2016Date d'inscription 13 avril 2018 Dernière intervention - 13 avril 2018 à 21:39
Tout dépend de ce que tu veux faire exactement, peut-être qu'en jouant avec les dimensions tu peux mettre le diapo dans un div et le texte dans l'autre.

<div id="block-div" style="background-color:purple;width:900px;height:400px;margin:0 auto;">

<div id="block-in-1" style="background-color:blue;width:548px;height:400px;float:left;"></div>
<div id="block-in-2" style="background-color:green;width:349px;height:400px;float:right;"></div>

</div>
1Seb 60 Messages postés dimanche 27 mars 2016Date d'inscription 13 avril 2018 Dernière intervention - 13 avril 2018 à 21:42
Ou en fouillant un peut sur le net tu peux trouver un script de diapo qui te conviendrait
romain444444 11 Messages postés mercredi 11 avril 2018Date d'inscription 15 avril 2018 Dernière intervention - 14 avril 2018 à 01:20
Du coup j'ai trouvé la solution de mettre un tableau, ce qui fonctionne bien ;-)
Merci encore pour ton aide !
Commenter la réponse de 1Seb