Les bordures dépassent du corps

Sujet résolu

Anonyme

16 juin 2006 à 11:09:59

Bonjour !

J'ai un problème pour les bordures de mes titres h3. En fait, j'ai fait un design fixe, et ai placé une bordure orange pour bien montrer où est la partie de "rédaction" du site. Seulement les bordures de mes h3 dépassent cette partie "rédaction".

Voici la page en question

Léon

16 juin 2006 à 11:20:35

On voit pas la bordure orange, tu as du modifier ton site depuis. Essaye de mettre padding et margin à 0 pour ton h3 pour commencer, ensuite, tu y va à tatons.

Anonyme

16 juin 2006 à 11:29:54

Voici le CSS actuel de mes h3 :

h3
{
border: 0px;
border-bottom: 1px dashed #b2b709;
color: black;
margin: 0px;
margin-left: 10px;
padding: 0px;
font-family: verdana, arial, courrier;
}

Malheureusement, les h3 ne sont toujours pas alignés

Et pour la ligne qui défini la largeur de la partie "rédaction", si tu ne la vois pas ce n'est pour l'instant pas un problème. Elle est normalement un allongement de la border-right de la bannière.

Merci quand même d'avoir posté

nicmac

16 juin 2006 à 11:33:18

Ca doit être en lien avec

margin-left: 10px;

Essaie avec un padding-left, à la place, pour voir.

Anonyme

16 juin 2006 à 11:42:30

Hum nan ça ne change rien. J'ai essayé padding-left : 10px; puis padding : 0px; ... En vain

Je ne sais vraiment pas d'où ça peut venir, c'est le plus embêttant.

Par ailleurs si vous pourriez me résoudre un autre problème

Pour l'histoire des bordures dans la zone de "rédaction", sous IE ça marche presque comme je le souhaite, mais FF ne mets que les bordures left et right... ( sachant que ce sont des images )

strucky

16 juin 2006 à 12:14:04

La largeur de ton body, n'est pas égale à celle de ton #banniere.
Pas de width pour les div du corps.

body
{
margin: auto;
margin-top: 12px;
margin-bottom: 12px;
width: 721px;
font-family: verdana, arial, courrier;
}

div#avant_corps
{
margin-left: 151px;
margin-top: 6px;
background-image: url("../images/fond_corps1.png");
background-repeat: no-repeat;
}

div#corps
{
margin-left: 151px;
margin-top: 6px;
background-image: url("../images/fond_corps2.png");
background-repeat: repeat-y;
padding-left: 10px;
padding-top: 10px;
}

div#apres_corps
{
margin-left: 151px;
background-image: url("../images/fond_corps3.png");
background-repeat: no-repeat;
}

Anonyme

16 juin 2006 à 12:28:42

Euh... ça n'a rien changé à par cacher les images dessous de la banière

Enfin merci quand même.

Edit :
Finalement je me suis trompé, tu as réussi à me sauver !!!

Un grand merci à toi !