[CSS] Explications sur un display block

Explications sur un display block [CSS] - HTML/CSS - Programmation

Marsh Posté le 17-05-2003 à 00:25:06    

Bon, je veux faire des bandeaux de titre (à taille variable) en CSS.
 
J'ai trouvé un bon tuto ici : http://www.pixy.cz/blogg/clanky/rubberheaders/
 
ça marche très bien, mais... j'aime bien quand je comprends tout ! ;)
 
En l'occurence, je ne comprends pas pourquoi le monsieur fait un span avec un diplay: block.
Je ne comprends pas pourquoi on n'utilise pas un div, qui est en block d'office ?
En fait le monsieur utilise une balise inline (span) et la force en block.
 
J'ai bien sûr testé sans le display block et ça ne fonctionne pas...


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 17-05-2003 à 00:25:06   

Reply

Marsh Posté le 17-05-2003 à 07:35:46    

a mon avis ca marcherai avec un div, tu as essayer ?

Reply

Marsh Posté le 17-05-2003 à 08:21:58    

ben c'est pourtant simple il utilise <span> car il incorpore le tout dans la balise <h4> qui est un block , donc avec <span> il reste "en ligne"  ;)

Reply

Marsh Posté le 17-05-2003 à 11:07:48    

flyman > Oui mais pourquoi veut-il rester "en ligne" si c'est pour faire un display block sur le span ???
 
En fait, je viens de tester en remplaçant le span par un div (et en supprimant le display block) : ça fonctionne très bien... mais je ne sais pas si c'est correct (W3C)  :??:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 17-05-2003 à 11:09:58    

flyman30 a écrit :

ben c'est pourtant simple il utilise <span> car il incorpore le tout dans la balise <h4> qui est un block , donc avec <span> il reste "en ligne"  ;)  

Effectivement, je pense que c'est juste dans un but sémantique qu'il a utilié SPAN plutôt que DIV. DIV sert à isoler des blocs de texte (à la manière d'un paragraphe) alors que SPAN un groupe de mots dans une ligne de texte (générée par un bloc).
Donc SPAN semble un peu plus approprié, mais il n'y a rien de fondamental là dedans. On aurait pu utiliser un DIV et se dispenser du "display: block" sans trop de problèmes.


Message édité par gm_superstar le 17-05-2003 à 11:10:26

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-05-2003 à 11:22:48    

Euh ben en fait, on peut... mais on n'a pas le droit !  :pt1cable:  
 
Le W3C pête un cable... si j'ai bien compris, une balise inline (h4), ne peut pas contenir une balise en bloc (div)
Donc il faut effectivement feinter en mettant un span en block  :pt1cable:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 17-05-2003 à 11:30:41    

Reply

Marsh Posté le 17-05-2003 à 11:50:22    

gm_superstar a écrit :

H4 c'est un bloc :heink:  


Oups et moi qui croyais avoir compris un truc ;)
 
En tout cas, le Validateur ne veut pas de DIV inclu dans un H... alors qu'un SPAN passe très bien  :p


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 17-05-2003 à 12:13:01    

Effectivement... Bon ben voilà une très bonne raison pour l'utilisation du SPAN au lieu du DIV ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-05-2003 à 12:17:57    

gm_superstar a écrit :

Effectivement... Bon ben voilà une très bonne raison pour l'utilisation du SPAN au lieu du DIV ;)


Euh, oui, mais tu n'as pas une petite explication à fournir pour que je puisse dormir tranquile ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 17-05-2003 à 12:17:57   

Reply

Marsh Posté le 17-05-2003 à 12:26:31    

Tu verrais un titre fait de plusieurs blocs de texte toi ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-05-2003 à 12:31:38    

gm_superstar a écrit :

Tu verrais un titre fait de plusieurs blocs de texte toi ?


Merci pour mon sommeil  :love:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 17-05-2003 à 13:46:39    

Dans ce cas <br /> est ton ami. Ca fait partie du même titre donc pas besoin de créer des blocs supplémentaires.
 
De toute façon y'a que les intaigristes universitaires en sandales qui font des titres pareils :o
 
 
PS: Copie de ton post envoyée à Bardot


Message édité par gm_superstar le 17-05-2003 à 13:47:16

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 17-05-2003 à 16:24:31    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed