Menu
Posez votre question Signaler Répondre au sujet

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
Webmaster Posez votre question Signaler Répondre au sujet
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
Signaler Commenter la réponse de 1Seb
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>

Signaler Commenter la réponse de romain444444
romain444444 11 Messages postés mercredi 11 avril 2018Date d'inscription 15 avril 2018 Dernière intervention - 13 avril 2018 à 18:15
Merci beaucoup !!
Signaler Commenter la réponse de romain444444
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 ?
Signaler Commenter la réponse de 1Seb
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>
Signaler Commenter la réponse de 1Seb
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
Signaler Commenter la réponse de romain444444
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
Posez votre question