Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1200 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme signature html

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme signature html

n°2315464
catherine1​3
Posté le 18-05-2018 à 20:37:19  profilanswer
 

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>
 
 
 
<p><FONT COLOR="#9b0103"><FONT SIZE=4><B>Nom + Prenom</B></FONT></FONT><BR>  
<FONT COLOR="#9b0103"><FONT SIZE=3>Direction </FONT></FONT><BR><BR>
06 00 00 00 00<BR>
01 00 00 00 00</FONT></FONT></p>
 
 
<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.

mood
Publicité
Posté le 18-05-2018 à 20:37:19  profilanswer
 

n°2315470
lugdanum
Posté le 19-05-2018 à 13:51:04  profilanswer
 

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

Code :
  1. <html>
  2. <head>
  3. <style>
  4. .box {
  5.    display: flex;
  6.    align-items:center;
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <div class="box">
  12.     <img src="Logo2.jpg">
  13.     <span>Nom + Prenom <br />Direction<br />0000000000<br />0606060606060</span>
  14.     <img src="Logo2.jpg">
  15. </div>
  16. </body>
  17. </html>


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

n°2315660
catherine1​3
Posté le 23-05-2018 à 13:51:48  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme signature html

 

Sujets relatifs
Probleme de PHP Formulaire de contactProblème avec number_format()
Formulaire Calcul HTML Javascript Help!PowerPoint en HTML
[HTML/CSS][Javascript/Node.js] Formation Toulouse / Haute-GaronneProblème d'affichage d'un bouton
probleme de goto dans un if[Shell] Problème avec la commande wget
Problème taille de signature html oulook en "réponse et transfert"Probleme de signature en html
Plus de sujets relatifs à : Probleme signature html


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR