M.crna
-
1 mai 2021 à 15:18
KrondaliX
Messages postés382Date d'inscriptionmercredi 19 juin 2013StatutMembreDernière intervention 1 mai 2022
-
1 mai 2021 à 15:27
Bonjour,
je dois reproduire une page html mais je n'arrive pas à inclure l'image correspondant au logo. Est-ce que quelqu'un pourrait m'aider ?
<div id="contenu">
<h1>Titre très important</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum. </p>
<h2>Titre important</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum. </p>
<h3>Titre peu important</h3>
<p>Exemple de lien : Cliquez <a href="http://www.google.fr"
target="_blank">ici</a><br />
Exemple d'envoi d'e-mail : Cliquez <a href="mailto:***@***">ici</a> </p>
</div>
@charset "utf-8";
/* CSS Document */
body{
margin:0;/* mettre toutes les marges à 0 */
background-color:#F2F2F2;/* couleur de fond du corps de la page */
}
h1{
font-size:22px;/* taille de la police */
padding-left:5px;/* marge intérieure gauche */
padding-right:5px;/* marge intérieure droite */
color:#865C8C;/* couleur du titre */
}
h2{
font-size:18px;/* taille de la police */
padding-left:5px;/* marge intérieure gauche */
padding-right:5px;/* marge intérieure droite */
color:#865C8C;/* couleur du titre */
}
h3{
font-size:14px;/* taille de la police */
padding-left:5px;/* marge intérieure gauche */
padding-right:5px;/* marge intérieure droite */
color:#865C8C;/* couleur du titre */
}
#header{
width:100%;/* largeur du header qui prend tout l'écran */
height:130px;/* hauteur du header */
padding-top:5px;/* marge intérieure du haut */
background-color:#C7A2A9;/* couleur de fond du corps du header */
}
#logo{
/*width: 110px;/* largeur du logo du site */
/*height:110px;/* hauteur du logo du site */
width: 110px;/* largeur du logo du site */
height:110px;/* hauteur du logo du site */
background: url("");/* lien vers l'image de fond */
background-repeat:no-repeat;/* pas de répétition de l'image */
margin-top:-75px;/* marge extérieure du haut */
margin-left:22%;/* marge extérieure gauche */
}
#title_header{
font-family:"trebuchet ms", sans-serif;/* police du titre dans le header */
font-size:30px;/* taille de la police */
letter-spacing:5px;/* espacement entre les caracteres */
font-weight:bold;/* graisse de police */
text-shadow: 1px 1px 1px #000000;/* ombre */
color:#743393;
margin-top:-75px;/* marge extérieure du haut */
margin-left:40%;/* marge extérieure gauche */
}
#content{
width: 800px;/* largeur du content */
height:auto;/* hauteur du content */
min-height:200px;/* la hauteur du content doit être au minimum de 200px */
font-family:Verdana, sans-serif;/* police */
background-color:#FBFBFB;/* couleur de fond du content */
margin-left:auto;/* marge extérieure gauche */
margin-right:auto;/* marge extérieure droite */
padding-top:5px;/* marge intérieure du haut */
padding-bottom:5px;/* marge intérieure du bas */
}
p{
font-size:12px;/* taille de la police */
padding-left:5px;/* marge intérieure gauche */
padding-right:5px;/* marge intérieure droite */
text-align:justify;/* justifier le texte du paragraphe */
}
#footer{
width: 100%;/* largeur du footer qui prend tout l'écran */
height:100px;/* hauteur du footer */
background-color:#C7A2A9;/* couleur de fond du corps du header */
}
#footer_text{
width:auto;/* largeur de la zone de texte dans le footer */
font-family:Verdana, sans-serif;/* police */
font-size:14px; /* taille du texte */
margin-left:45%;/* marge extérieure gauche */
padding-top:40px;/* marge intérieure du haut */
}
