28111 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai fait ma première page en PHP et en CSS toute seule
mais j'aimerai que vous me corrigiez certains points
Tout d'abord :

- Dois-je mettre une balise <section> à la ligne 159
après la balise </aside> et bien entendu une </section> à la lige 240
après <hr class="clear"/>


- Est-ce que je peux réduire ces 3 lignes en 1 seule ?
<link rel=stylesheet href="css/style.css" />
<link rel=stylesheet href="css/page.css" />
<link rel=stylesheet href="css/resultat.css" />



- Je voudrai faire des sauts de lignes.
Je peux utiliser le <br/> en css ? Ou c'est mieux <p> ?
Est-ce que je peux utiliser des <p> ?
Par exemple mettre ce texte encadré de <p> ou c'est mieux autre chose ?
 <p>VUE D'ENSEMBLE SUR LES DIFFERENTES FORMULES D'IMPRESSION - </p>
<p>Vous choisirez votre formule d'impression à l'étape suivante.</p>



- J'aimerai aussi décaler les puces qui sont trop prêts de l'image
Vous auriez une astuce.
Je ne peux pas toucher mon <li> dans la feuille de style
car ca modifierait aussi les <li> de mon menu vertical
Il y aurait pas une astuce dans ce genre
<li style="padding:5px;">


SVP, quelqu'un pourrait me conseiller ??
Merciiii
Modérateur
Bonjour,

Je n'ai pas toutes les réponses... d’ailleurs tes questions sont assez pointues sur la sémantique ! Ces réponses ne sont donc que mes avis perso...

1/ La ligne 159 de quoi ? Smiley lol

2/ Non. A moins que tu ne fasse qu'on seul fichier css avec les 3.

3/ Les <p> sont plus indiqués à mon avis. Par contre si le texte "VUE D'ENSEMBLE [...]" relève plus d'un titre que d'un paragraphe il vaudra mieux utiliser les h1, h2, h3 etc pour lui.

4/ Met une classe sur le <ul> cela de permettra d'y toucher dans le css sans impacter les autres listes (et d’être réutilisable sur une autre liste !).
<ul class="spaceliste">
.spaceliste li{}

Modifié par _laurent (26 Jan 2015 - 16:10)
Modérateur
Re,

Du coup je ne sais pas si je vois les même numéro de ligne... bref si tu veux mettre un section je le vois bien englober tout ce qu'il y à a coté de <aside> dans la div "contenu".

Tu peux re-jeter un œil sur l'article d'alsa comme je l'ai fait, je le trouve assez clair : http://www.alsacreations.com/article/lire/1376-html5-section-article-nav-header-footer-aside.html


Au passage tu peux économiser des div en passant de ça :
	<footer>
		<div id="footermenu">

à ça :
<footer id="footermenu">

Ces "nouvelles" balises ne sont pas différentes d'une div Smiley murf

Bonne soirée !