Problème d'affichage de la div
ickyknox
Messages postés
1344
Statut
Membre
-
ickyknox Messages postés 1344 Statut Membre -
ickyknox Messages postés 1344 Statut Membre -
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
- Pinterest problème affichage ✓ - Forum Réseaux sociaux
- Problème affichage facebook ✓ - Forum Facebook
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;
}
