Bonjour @ tout,
j'aimerai afficher dans un <div deux images l'une en dessous de l'autre, mais je galère.
Voici le code HTML:
Code :
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <link rel="stylesheet" href="style.css" />
- <div class="global"><!-- Entete du mail avec le logo GLPI, le nom du ticket, l'auteur et la date -->
- <div class="entete"><a href="http://localhost/glpi"> <img class="logo" src="http://localhost/glpi/pics/mails/notification/logo_glpi.png" alt="" /></a>
- <div class="entete2"><a href="http://www.autobernard.com"> <img class="logo2" src="http://localhost/glpi/pics/mails/notification/logo_bernard.png" alt="" /></a>
- <div class="titrePrincipal">
- <h2><a href="##ticket.url##">Ticket clôturé : ##ticket.title##</a></h2>
- <div class="infoPrincipale">Demandeur: ##lang.ticket.authors## </br>Ouvert le ##ticket.creationdate## ##IFticket.authors## </br> Technicien Hotline ##ticket.openbyuser## ##ENDIFticket.authors## </br> Clôturé le ##ticket.closedate## ##IFticket.assigntousers## par ##ticket.assigntousers## ##ENDIFticket.assigntousers## </div>
- </div>
|
Et CSS:
Code :
- div.global {
- width: 600px;
- font-family: "Georgia", "Times New Roman";
- font-size: 14px;
- border: 2px solid #2d7110;
- border-bottom: 0px;
- border-radius: 20px;
- padding: 0;
- margin: 0 auto;
- }
- div.entete {
- margin-top: 10px;
|
Je sais qu'il manque la partie "entete2", mais c'est volontaire, je recommence à zéro !...