Problème de marges internes
Toune32
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
Archeus01 Messages postés 1566 Date d'inscription Statut Membre Dernière intervention -
Archeus01 Messages postés 1566 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de concevoir un site web à base de css et de php où il y a beaucoup de textes sur images. Cependant, j'ai un problème avec les marges notamment les padding.
Ce padding-right ne veut pas s'enclencher que ce sont un grand nombre ou un nombre négatif, j'ai besoin d'utiliser les marges gauches et droites sans nécessairement faire une succession de paragraphes flottantes.
Je suis en train de concevoir un site web à base de css et de php où il y a beaucoup de textes sur images. Cependant, j'ai un problème avec les marges notamment les padding.
#imgMiddle
{
display:block;
text-align:justify;
vertical-align:middle;
margin-top:auto;
margin-bottom:auto;
white-space: normal;
padding-right:10px;
width: 861px;
color: black;
height:auto;
background: url('../Fonds/ImgMiddle.png') repeat-y;
font-size:10pt;
line-height:120%;
}
Ce padding-right ne veut pas s'enclencher que ce sont un grand nombre ou un nombre négatif, j'ai besoin d'utiliser les marges gauches et droites sans nécessairement faire une succession de paragraphes flottantes.
Configuration: PC portable: AMD turion X2 Ultra Dual-Core 2,10Ghz, 4Go de RAM, Windows vista familial premium 32bit, ATI Radeon 9200 mémoires dédiées PC fixe: pentium4 3,01 Ghz, 2Go de RAM, NVIDIA GeForce 7600 GT, windows XP SP2 32 bit
A voir également:
- Les valeurs choisies pour les marges gauche et droite l'espacement des colonnes
- Comment faire des colonnes sur word - Guide
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Windows 11 barre des taches a gauche - Guide
- Formule moyenne excel plusieurs colonnes - Guide
- Comment trier des colonnes sur excel - Guide
1 réponse
Bonjour,
Ton code marche. Il suffit de taper border: solid 2px #990000 ; et text-align : right; pour s'en assurer.
Tiens voila un code ou tu vois bien que ça marche. Autre chose les valeurs en négatif ne marchent pas avec le padding.
/me est un peu dégouté d'avoir perdu son temps pour rien
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
#imgMiddle
{
display:block;
text-align:justify;
vertical-align:middle;
margin-top:auto;
margin-bottom:auto;
white-space: normal;
padding-right:10px;
width: 861px;
color: black;
height:auto;
background: url('../Fonds/ImgMiddle.png') repeat-y;
font-size:10pt;
line-height:120%;
border: solid 2px #990000 ;
text-align : right;
}
</style>
</head>
<body>
<p id="imgMiddle"> tada tada<br/> tada tada</p>
</body>
</html>
Ton code marche. Il suffit de taper border: solid 2px #990000 ; et text-align : right; pour s'en assurer.
Tiens voila un code ou tu vois bien que ça marche. Autre chose les valeurs en négatif ne marchent pas avec le padding.
/me est un peu dégouté d'avoir perdu son temps pour rien
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
#imgMiddle
{
display:block;
text-align:justify;
vertical-align:middle;
margin-top:auto;
margin-bottom:auto;
white-space: normal;
padding-right:10px;
width: 861px;
color: black;
height:auto;
background: url('../Fonds/ImgMiddle.png') repeat-y;
font-size:10pt;
line-height:120%;
border: solid 2px #990000 ;
text-align : right;
}
</style>
</head>
<body>
<p id="imgMiddle"> tada tada<br/> tada tada</p>
</body>
</html>
