Probleme signature html

Marsh Posté le 18-05-2018 à 20:37:19

Bonjour,

J'essaye de mettre en place une signature html avec 2 images et du texte mais j'ai beaucoup de mal pour la mise en page.
Je n'y connais pas grand chose en html/css je bricole avec des tuto web...

Donc j'essaye de faire en sorte d'avoir [image] nom prenom numero de telephone [image]

Mon problème c'est que le nom,prénom et les numéros se mettent sous la première image alors que je veut que ça soit "encadré" par les deux images...
Les images sont clicable pour rediriger vers mon site et ma page youtube.

voici le code html anonymisé :

<HTML><head><link href="style.css" rel="stylesheet" media="all" type="text/css">

<a href="http://www*********"><img border="0" src="*******Logo2.jpg" alt="Logo" </a>

Nom + Prenom 
Direction 
06 00 00 00 00 
01 00 00 00 00

<a href="https://www.youtube.com************"><img src="https://*******Video2.jpg" alt="ChaineYoutube" border="0"></a>

</head>
</HTML>

Donc si une ame charitable peut m'orienter ca serait super cool.

Marsh Posté le 18-05-2018 à 20:37:19

Marsh Posté le 19-05-2018 à 13:51:04

Hello

Essaye avec un code comme ça (pas testé...)

Code :

<html>
<head>
<style>
.box {
display: flex;
align-items:center;
}
</style>
</head>
<body>
<div class="box">
<img src="Logo2.jpg">
Nom + Prenom Direction 0000000000 0606060606060
<img src="Logo2.jpg">
</div>
</body>
</html>

En gros faut que tu encapsule le tout dans une div par exemple...

Marsh Posté le 23-05-2018 à 13:51:48

Merci Lugdanum pour ton message cela ma grandement aidé. J'ai juste modifié l'alignement comme cela :
.box {
display: flex;
justify-content:space-between ;

}
afin que la signature occupe tout la partie inférieur du mail sans rester que sur la gauche.

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *