Problème d'affichage de la div
ickyknox
Messages postés
1156
Date d'inscription
Statut
Membre
Dernière intervention
-
ickyknox Messages postés 1156 Date d'inscription Statut Membre Dernière intervention -
ickyknox Messages postés 1156 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
http://icreatorbeta.free.fr/
j'ai un bloc : BIENVENUE (à gauche)
j'ai voulu reproduire ce bloc à l'identique : le nouveau bloc sera CADEAU ( en bas de la page)
j'ai copié collé le code. J'ai juste changé les dimensions de la nouvelle image, l'url de la nouvelle image, les noms d'id , la position.
Pourtant j'ai dans mon bloc : des dimensions (largeur et longueur) pas du tout correctes et mes angles ne sont pas arrondis.
Je ne comprends pas ce qui se passe puisque j'ai copié collé le code.
Auriez vous une idée s'il vous plait ?
voici mon code
http://icreatorbeta.free.fr/
j'ai un bloc : BIENVENUE (à gauche)
j'ai voulu reproduire ce bloc à l'identique : le nouveau bloc sera CADEAU ( en bas de la page)
j'ai copié collé le code. J'ai juste changé les dimensions de la nouvelle image, l'url de la nouvelle image, les noms d'id , la position.
Pourtant j'ai dans mon bloc : des dimensions (largeur et longueur) pas du tout correctes et mes angles ne sont pas arrondis.
Je ne comprends pas ce qui se passe puisque j'ai copié collé le code.
Auriez vous une idée s'il vous plait ?
voici mon code
A voir également:
- Forums/.html?articleid=
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
- Windows 11 affichage classique - Guide
- Div c++ - Télécharger - Langages
- Thunderbird problème affichage message - Forum Thunderbird
4 réponses
html :
<article id="page2">
<section id="cadeau">
<h1>Cadeau?</h1>
<p id="cadeau-message">Plénitude Beauté vous</p>
</section>
</article>
<article id="page2">
<section id="cadeau">
<h1>Cadeau?</h1>
<p id="cadeau-message">Plénitude Beauté vous</p>
</section>
</article>
css :
#cadeau {
display: table-row-group;
background-image: linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -o-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -moz-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -webkit-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -ms-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: url(images/cadeau);
background-position:center;
width: 819px;
border-radius: 1ex;
height: 167px;
border: thin dotted black;
background-repeat: no-repeat;
padding: 1em;
text-align: center;
}
#cadeau p {
font-family: BelleroseLight;
line-height: 1.5em;
font-size: 125%;
}
#cadeau h1 {
font-family: BelleroseLight;
font-weight: normal;
font-size: 200%;
position:relative;
margin-left:50px;
margin-top:40px;
}
#cadeau-message{
text-decoration:none;
width: 500px;
margin-left:0px;
margin-top:0px;
}
#cadeau {
display: table-row-group;
background-image: linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -o-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -moz-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -webkit-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: -ms-linear-gradient(right , rgb(250,240,230) 34%, rgb(255,255,255) 67%);
background-image: url(images/cadeau);
background-position:center;
width: 819px;
border-radius: 1ex;
height: 167px;
border: thin dotted black;
background-repeat: no-repeat;
padding: 1em;
text-align: center;
}
#cadeau p {
font-family: BelleroseLight;
line-height: 1.5em;
font-size: 125%;
}
#cadeau h1 {
font-family: BelleroseLight;
font-weight: normal;
font-size: 200%;
position:relative;
margin-left:50px;
margin-top:40px;
}
#cadeau-message{
text-decoration:none;
width: 500px;
margin-left:0px;
margin-top:0px;
}