1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 5 (1 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
[Réglé] Problème de background sur alerte (margin)
Mots-clés » background, blank, problème, sur, alerte, margin
09-05-2013, 1:42,
#1
Question  Problème de background sur alerte (margin)

Bonjour Smile

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:

[Image: 1368056408-sans-titre.png]


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 Big Grin

Nitrome

Thème: Apart 1
Répondre
09-05-2013, 2:06,
#2
RE: Problème de background sur alerte (margin)
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.

Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
09-05-2013, 2:13, (Modification du message : 09-05-2013, 2:20 par Nitrome.)
#3
RE: Problème de background sur alerte (margin)
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 Wink

EDIT: Nan, c'est clair et net, je suis un noob. Je ne comprend pas cette histoire de bloc. Merci de m'aider Sad
Répondre
09-05-2013, 2:32,
#4
RE: Problème de background sur alerte (margin)
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 -->

Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
09-05-2013, 2:45, (Modification du message : 09-05-2013, 18:01 par Nitrome.)
#5
RE: Problème de background sur alerte (margin)
Vous êtes génial Big Grin

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 Big Grin
EDIT: je retire ce que j'ai dit je peux pas éditer mon premier message Tongue
Répondre




Utilisateur(s) parcourant ce sujet : 2 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique