28221 sujets

CSS et mise en forme, CSS3

Bonjour,
Je m'interroge sur l'écriture du P en xhtml, j'ai l'impression que les balises fermantes ne concerne que les balise en ligne mais dans le doute je vous renvois la questions ?
On sait que :
<img src="toto.png" width="10" height="10" alt="info" />
mais pour l'utilisation de <p />
en saut de ligne est ce que l'écriture convient ?
merci
Modifié le 08 Jan 2005 - 19:11
Administrateur
J'avoue ne pas avoir tout compris.

Les balises fermantes s'appliquent à TOUS les éléments (c'est le propre de XHTML).
Certaines balises sont appelées auto fermantes (<br />, <hr />, <input ... />, <img ... />) car il n'y a pas de balise d'ouverture.

Mais <p /> n'existe pas Smiley ohwell

<p> se comporte comme l'ensemble des balises "normales" :
<p>ton paragraphe</p>


a écrit :
en saut de ligne est ce que l'écriture convient ?
<p> n'est fait pour créer un saut de ligne. Je ne suis pas sûr d'avoir compris ce point non plus.

Pour faire un saut de ligne, il existe les marges ou la balise <br /> (à éviter en général)
Pourquoi conseilles-tu d'éviter les <br/> ? Quand la page se retrouve sans feuille de style les marges ne servent plus à rien et parfois on se retrouve avec des trucs bof-bof (rarement je te l'accorde car en utilisant des <p>, des listes et autres balises on s'en sort bien).
Administrateur
En fait tu réponds toi-même à la question : "car en utilisant des <p>, des listes et autres balises on s'en sort bien".
Toutes les balises de bloc, au format brut (donc sans styles CSS), on un préformattage par défaut qui inclut des marges et qui les affiche de façon très intuitive et fonctionnelle.

Donc si ta page est bien structurée (balises adéquates), l'utilisation de <br /> est inutile.
Bonsoir xartotal,

Je t'inviterais bien à relire quelques uns des échanges de nos derniers jours comme autant de conseils Smiley cligne :
http://forum.alsacreations.com/topic.php?fid=4&tid=1239&p=1#p12736
http://forum.alsacreations.com/topic.php?fid=4&tid=1239&p=1#p12916
http://forum.alsacreations.com/topic.php?fid=4&tid=1165&s=#p11904
http://forum.alsacreations.com/topic.php?fid=4&tid=1141&s=#p11572

Cherches d'abord à trouver la ou les balises qui vont le mieux avec le contenu que tu veux exprimer. En cas de doute sur l'un ou l'autre d'un éléments à utiliser: Index des éléments html 4
en fait sur un post précedent Igor ma conseillé de mettre des <P> sur ma page au lieu de mettre des <br /> mais donc je ne vois pas ou est l'économie ?
en html on faisait 2 saut de ligne avec un <p> qui n'etait pas fermant !
Modifié le 08 Jan 2005 - 21:54
Il n'est pas question d'économie des caractères dans la source en xhtml. Il est question de faire un code propre, compatible un peu partout et qui permet un affichage correct sans la css (pour être lu sur un palm par exemple).
J'ai commencé par répondre Voilà une chose qu'il faudrait écrire en très gros quelque-part où tout le monde puisse bien le voir...

Et puis je me suis dit qu'à tout prendre, autant l'écrire en gros quelque-part, effectivement: je me permets donc de vous renvoyer sur <p></p> ou <p /> ? <br /> ou <br></br> ? Lisez les specs ! pour la liste des éléments EMPTY qui, comme <br />, peuvent s'écrire sous la forme <foo /> (Tous les autres éléments non EMPTY, comme <p>, doivent s'écrire <foo></foo> lorsqu'ils n'ont pas de contenu.)
Modifié le 09 Jan 2005 - 09:10
Administrateur
Article très intéressant comme souvent, Laurent Smiley smile

Dans sont billet, Laurent Denis a écrit :
A force de lire les questions posées par tous ceux qui se lancent dans l'aventure exhaltante de leur première page XHTML, je vais finir par devenir totalement hébété à force de répéter ce conseil simple : lisez les spécifications.

Eh oui, bienvenue dans un forum, Laurent (oui ok tu as déjà une autre expérience sur le Hub).
C'est un monde merveilleux où :
- il y'a des Aides et Règles pour faciliter la vie à tout le monde... mais que personne ne lit
- il y'a un outil de recherche qui fonctionne très bien pour retrouver des anciens sujets résolus... mais où personne ne va.

Welcome to the real life, Laurent Smiley sweatdrop