Donc voici mon Html / Css
HTML :
<body> <div id="total1"> <p class="paul">Paul Jérouville</p> <p class="admi">Administrateur - Délégué</p> <img class="paulimage" src="images/Paul1.gif" width="131" height="107" /> <a class="accueil1" href="index.html" title="Retour à l'accueil" target="_self">Accueil</a> <a class="suivant" href="realisation.html" title="Page suivante" target="_self">></a></div> <p class="presentation">L'entreprise JEROUVILLE a été créée début des années 70 sous forme d'association de fait. Mais elle a réellement pris son envol lors de sa transformation en société en 1974, année où elle s'est installée définitivement à Libramont, au centre de la province du Luxembourg. <br> <br> Sa principale force, la FLEXIBILITE, s'est accrue au cours du temps. Le personnel est capable de travailler dans de nombreux domaines. Les ouvriers ne sont pas spécialisés, ils sont multispécialisés. Cette polyvalence permet à l'entreprise d'être compétente dans différents secteurs tels la pose de câbles, d'égouts, de collecteurs, la construction et l'entretien de voies ferrées et de voirie.<br> <br> Paul Jérouville, administrateur-délégué depuis le début, a toujours su faire appliquer les objectifs qui lui sont chers:<br> <br> 1. La volonté du travail bien fait pour les maîtres d'oeuvre ainsi que pour les riverains et les usagers de la circulation.<br> <br> 2. Le respect de l'environnement au siège de l'entreprise mais également lors de l'exécution des chantiers.<br> <br> 3. La participation du personnel à l'ensemble des problèmes qu'engendre la réalisation des chantiers.<br> <br> Dans cet esprit de qualité, l'entreprise consent de gros efforts pour former les nombreux jeunes qu'elle emploie. L'obtention du certificat ISO9002 n'est pas considérée comme une fin, c'est seulement le début de nouvelles améliorations au sein de l'entreprise qui vont lui permettre de regarder l'avenir avec sérénité.<br> <br> L'entreprise met également l'accent sur la sécurité. Elle entreprend d'ailleurs une démarche VCA.</p> </body> </html>
Css :
#total1{ background-image:url(images/presentation.gif); background-repeat:no-repeat; border:none; width: 800px; height: 600px; position: absolute; } .paul{ font-family:arial; font-size:28px; font-style:italic; font-weight:bold; color:black; text-decoration:none; position:absolute; top:235px; left:460px; } .admi{ font-family:arial; font-size:18px; font-style:italic; color:black; text-decoration:none; position:absolute; top:270px; left:460px; } .presentation{ padding:5px; font-family:arial; font-size:16px; color:black; text-decoration:none; text-align:justify; position:absolute; top:352px; left:238px; overflow:auto; width:560px; height:200px; } .paulimage{ position:absolute; top:230px; left:238px; border:none; } .accueil1{ font-family:arial; font-size:15px; color:white; position:absolute; top:575px; left:460px; } .suivant{ font-family:arial; font-size:15px; color:white; position:absolute; top:575px; left:515px; }
