[Réglé] Problème de background sur alerte (margin)

[Nitrome]

Bonjour

J'ai un problème de background qui s'affiche bizarrement autour de mon alerte, je m'explique:


J'ai voulu mettre en place des annonces comme sur le forum Mybb.fr, j'ai donc mis cela dans le global.css du forum:

Code :

.alert {
    background: #FFF6BF;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    text-align: left;
    margin: 5px auto;
    padding: 3px 10px;
    
    font-size: 11px;
}

Et ça dans le "Entête template":

Code :

<p style="text-align: center" class="alert">Je fais un test</p>

Le problème réside dans le "margin", je l'ai réglé à 20px pour que vous puissiez bien voir le problème sur cette image:




Comme vous le voyez, il y a des surfaces noir rayées gris qui apparaissent en dessous et au dessus de mon alerte (qui viennent du margin donc).

Si une âme charitable pouvait m'aider, j'aimerais les mettre en banc comme le background, ça me ferait bien plaisir

Nitrome

Thème: Apart 1

[exdiogene]

Un peu de lecture de CSS aurait donné la réponse!

Le padding est à l'intérieur du bloc, donc avec son background.

Le margin est à l'extérieur du bloc, donc avec le background de son parent.

[Nitrome]

Désolé mais je n'ai pas compris^^ Je ne suis qu'un débutant et ne maîtrise pas encore toutes les ficelles du métier.

Quoiqu'il en soit, comme vous me le conseillez, je vais faire un peu de "lecture du CSS" et je reviens pour vous faire un rapport de mes aventures

EDIT: Nan, c'est clair et net, je suis un noob. Je ne comprend pas cette histoire de bloc. Merci de m'aider

[exdiogene]

L'image de fond qui est vue est celle de la section "body" qui est :
http://forum.down4idevice.com/images/1/bg.png

Pour ne plus la voir il suffit :
- soit de changer cette image de fond par une autre.
- soit fermer adéquatement la balise DIV de Bienvenue qui est dans la section HEADER
- soit englober la section DIV avec une autre section DIV utilisant une autre image/couleur de fond
- soit de placer des margins à 0

Ceci ne représente que quelques options il y en a beaucoup d'autres...

Je suggère aussi de fermer adéquatement la balise COMMENTAIRE de la section HEAD avec -->

[Nitrome]

Vous êtes génial

Je ne vois pas ou le DIV est mal fermé, je ne connais pas assez bien le html pour englober la section par une couleur (option intéressante!), et placer les margins à 0 ne donne pas le résultat que je veux. Donc je pense que pour mon niveau, l'option la plus simple est de modifier l'image (et ça marche^^), merci de m'en avoir donné l'emplacement !

Je modifie le sujet comme résolu, je n'arriverais pas à trouver de meilleur solution, sauf si on me mâche le travaille, mais je pense pas que vous ayez que ça à faire, donc juste merci pour l'aide
EDIT: je retire ce que j'ai dit je peux pas éditer mon premier message