Bonjour à vous , j'étais entrain de suivre le cours HTML5/CSS , et dans le chapitre intitulé "TP création d'un site pas à pas " , je voulais reproduire le code css d'une id , le code sur la page étant :
header h1
{
font-family: 'BallparkWeiner', serif;
font-size: 2.5em;
font-weight: normal;
margin: 0 0 0 10px;
}
le probléme c'est que en remplaçant la propriété margin par margin-left: 10px ( pour faire court); j'ai eu un résultat different , pourrais je savoir pourquoi? . merci
c'est normal car h1 a ses propres propriétés de base. si tu mets margin-left, tu ne modifies que celle-ci alors qu'avec margin:0 0 0 10px tu modifies les 4 proriétés de base à savoir : top:0, right:0, bottom:0 et left 10px
merci mais j'aimerai plus d'explication si c'est possible , du moment que top, right et bottom ont tous 0 comme valeur , si je modifie seulement le left ça ne serait pas la méme chose ? et qu'entendez vous dire par 'h1 a ses propres propriétés de base', merci encore et désolé pour le dérangement
Le problème vient d'ailleurs, il faudrait voir le code, et expliciter le "pour faire court"; et tu parles du code d'une id, quelle id ? on ne voit pas d'id dans ton morceau de css
Ce que @stefde3 veut dire, c'est que les éléments ont, de base, des propriétés CSS appliquées par le navigateur. Les titres (donc h1) ont des marges par défaut, que tu annules en utilisant margin. Mais en utilisant margin-left, les marges hautes et basses restent.
Utilise les outils de développement de ton navigateur, ils t'indiquent tout ça très bien. Pour voir un élément, clic droit dessus et "inspecter".
- Edité par EmmanuelBeziat 22 juillet 2017 à 12:54:57
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Ce que je veux dire c'est par des propriétés de base c'est que si tu mets juste <h1></h1> dans ton code html, cette balise a par défaut le css suivant : margin-top:10px, margin-right:10px, margin-bottom:10px et margin-left:10px.
en gros ça donne ça de base :
Si tu mets un margin-left:10px, étant donné qu'il y a déjà un margin-left de 10px ça modifie rien. donc le margin-top, right et bottom ne change pas puisque tu modifie ici que le left.
En revanche avec margin:0 0 0 10px, tu lui indique donc que top = 0px, right = 0px, bottom = 0px et left = 10px. Ce qui donnera ça :
à savoir aucune marge en haut ni à droite ni en bas mais une marge à gauche de 10 px
non ça je sais , je voulais savoir pourquoi quand je remplace le a par li , les mots ( accueil, blog ...) deviennent soulignés ?? alors que quand on met a ils ne sont pas soulignés ?. merci encore pour votre aide précieuse
bon j'ai trouvé la réponse , apparemment les liens sont ''automatiquement" soulignés et il faut mettre text-decoration:none; pour régler ça et enlever le soulignement , merci comme méme
Parce que la propriété text-decoration n'est pas héritable. Elle s'applique sur l'élément lui-même, pas les éléments enfants. Donc si tu cibles le <li>, tu ne cibles pas le <a> qu'il contient.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
voila , c'est ça ce qui m'a échappé , donc il faut cibler directement les liens afin d'enlever le soulignement , merci encore pour votre aide précieuse
Question sur la propriété "margin"
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Le CSS ça peut craindre -->Conférence CSS3.CREATE
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Le CSS ça peut craindre -->Conférence CSS3.CREATE
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Le CSS ça peut craindre -->Conférence CSS3.CREATE
Le CSS ça peut craindre -->Conférence CSS3.CREATE
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !