Petit probleme en Xhtml et Css
Bonjour à tous,
J'ai suis un peu confu, en effet je ne vois plus à force de recommencer ce qui manque...
code Xhtml:
<div id="cadre">
<div class="bordurehaut1"></div>
<p class="texte">blablablablablablablablbalaaa</p>
<div class="bordurebas1"></div>
</div>
code Css:
#cadre{
position: absolute;
left: 80px;
top: 280px;
width: 400px;
height: 50px;
}
.bordurehaut1{
width: 400px;
height: 15px;
background:url(bordurehaut1.png) no-repeat;
}
.bordurebas1{
width: 400px;
height: 15px;
background:url(bordurebas1.png) no-repeat;
}
.texte{
background-color: white;
width: 396px;
height: 20px;
}
Je devrais avoir un beau cadre avec des bordures arrondies mais voilà j'ai mes bordures 'images' et le texte qui sont séparés par deux grandes marges (Mon fond est bleu). Cela fait une sorte de sandwich...
Auriez vous la solution ? Merci pour votre patience, Jules.
J'ai suis un peu confu, en effet je ne vois plus à force de recommencer ce qui manque...
code Xhtml:
<div id="cadre">
<div class="bordurehaut1"></div>
<p class="texte">blablablablablablablablbalaaa</p>
<div class="bordurebas1"></div>
</div>
code Css:
#cadre{
position: absolute;
left: 80px;
top: 280px;
width: 400px;
height: 50px;
}
.bordurehaut1{
width: 400px;
height: 15px;
background:url(bordurehaut1.png) no-repeat;
}
.bordurebas1{
width: 400px;
height: 15px;
background:url(bordurebas1.png) no-repeat;
}
.texte{
background-color: white;
width: 396px;
height: 20px;
}
Je devrais avoir un beau cadre avec des bordures arrondies mais voilà j'ai mes bordures 'images' et le texte qui sont séparés par deux grandes marges (Mon fond est bleu). Cela fait une sorte de sandwich...
Auriez vous la solution ? Merci pour votre patience, Jules.
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
Esseye de cadré avec le %
Exemple:
width: 5%;
height: 10%; -
Bonjour,
Il faut jouer avec les styles padding et margin pour réduire ces espaces.
D'ailleurs ceux qui t'embêtent sont les marges du paragraphe.
Rajoute-donc, dans ton .texte, la propriété margin:0px;
Xavier -
Merci pour vos réponses,
En effet en jouant avec les marges de mon paragraphe avec margin tout se "colle"... avec firefox.
Mais ce fichu IE7 m'affiche toujours une barre bleue entre l'image du haut et le paragraphe.
J'ai l'impression que mon code n'est pas 'sain'. Il doit manquer quelque chose d'autre mais je ne vois pas.
Quitte à remanier le code, je suis prêt à toutes les solutions.
Merci d'avance pour vos autres réponses, Jules.
