Discussion :

[grafik.muzik]

Salut!
Pourriez-vous me dire s.v.p. s'il est possible selon vous que des propriétés CSS différentes ne puissent être utilisées à la fois pour un élément qui normalement les accepterait?

Comme ce n'est pas très clair, je vous donne deux exemples :

EXEMPLE 1
Affichage d'un balise en ligne comme si elle était de type bloc, ce qui donne
théoriquement un bloc dans un en ligne (le lien) dans ce cas-ci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
em {
	display: block;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#">Lorem ipsum dolor <em>sit<em> amet</a>

EXEMPLE 2
Utilisation d'un float sur une balise que l'on demande d'afficher comme un bloc, alors que, je crois, float est supposé être appliqué à une balise en ligne uniquement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
strong {
	display: block;
	float: left;
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<strong id="1">Lorem<strong>
<strong id="2">ipsum<strong>

Aussi incroyable que cela puisse paraitre, ces incohérences me sont parfois utiles (surtout pour éviter d'ajouter des balisages asémantiques) et ont un comportement uniforme d'un navigateur à l'autre. Mais je me questionne sur la propreté de ces méthodes.

Merci à l'avance à tout ceux qui pourront m'éclairer!

[Bisûnûrs]

Même avec les exemples je ne comprends toujours pas la question.

Mais concernant :

alors que, je crois, float est supposé être appliqué à une balise en ligne uniquement

ce n'est pas vrai, float confère automatiquement un nouveau contexte de formatage block à l'élément qui en est pourvu (ce qui fait que dans ton code, le display:block est inutile), et il permet notamment à deux éléments block de pouvoir s'afficher l'un à côté de l'autre.

[grafik.muzik]

Ouais j'avoue, en relisant ma question moi aussi je trouve que c'est pas clair

En gros, après ce que tu m'as dit, je reformulerais en deux questions:

• Est-ce qu'on pourrait utiliser float: left avec display:inline (ce serait stupide, mais je suis curieux de savoir ce que ca donnerait)
• Si on applique un style display:block sur une balise de type inline qui est contenu dans un autre inline, comment réagit le navigateur? Est-ce une pratique correcte?

Thanks

[Bisûnûrs]

Est-ce qu'on pourrait utiliser float: left avec display:inline (ce serait stupide, mais je suis curieux de savoir ce que ca donnerait)

C'est tout à fait possible, et c'est même recommandé dans un cas précis, puisque le display:inline fait disparaitre un bug IE6 : le bug du doublement des marges.
Si tu mets un margin-left sur une série d'éléments flottants, IE6 double la marge du premier élément;
Exemple ici :
http://josselin.willette.free.fr/codessources/margeie/

Mais rajouter un display:inline sur un élément flottant n'a aucune incidence sur le reste des navigateurs.

Si on applique un style display:block sur une balise de type inline qui est contenu dans un autre inline, comment réagit le navigateur? Est-ce une pratique correcte?

Ca se fait, en tout cas c'est valide W3C puisque tu ne mets pas une "vraie" balise block dans la balise inline. Ca aurait juste pour effet de créer un retour à la ligne. Une pratique du block dans le inline est par exemple pour les infobulles personnalisées.
Exemple ici :
http://r-hunel.developpez.com/tutoriels/css/info-bulle/

Sachant que le position:absolute, à l'instar du float, confère un contexte de formatage block.

[grafik.muzik]

Merci!
Depuis le temps que je me demande. Ça réponds parfaitement à la question! Résolu!