Aller au menu - Aller au contenu

Saut de ligne sup dans Li

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1 
Hors ligne aesir59 # Posté le 22/02/2012 à 12:22:43

Bonjour la communauté :)

J'ai une petite question, comment rajouter un saut de ligne supplémentaire dans un Li ?

Code : HTML
1
2
3
4
5
6
7
8
9
<ul>
	<li class="liste_couleur_2"><span class="text_liste_2">Nous vous envoyons la ou le(s) tablette(s) multimédia nécessaires à l’administration de l’enquête durant le délai précédemment établi. Pour certains types d’enquêtes, un ordinateur disponible dans votre établissement est suffisant.</span></li>
	</br>
	<li class="liste_couleur_2"><span class="text_liste_2">Vous disposez de ce temps pour que les cibles de l’enquête y répondent.</span></li>
	</br>
	<li class="liste_couleur_2"><span class="text_liste_2">A la fin du temps imparti, il vous suffit de nous retourner les tablettes.</span></li>
	</br>
	<li class="liste_couleur_2"><span class="text_liste_2">Après le traitement des résultats, nous vous enverrons un rapport détaillé de l’ensemble des réponses à l’enquête.</span></li>
</ul>


J'ai utilisé le br pour que cela soit plus lisible, mais le site du w3c me dit que ce n'est pas "propre", hors pour mon exam, je dois avoir la page complètement valide :'(

Auriez vous une idée ?

Merci d'avance !
Édité le 22/02/2012 à 12:26:46 par aesir59
-- reality is for those who lack imagination --
 
Publicité # Posté le 22/02/2012 à 12:22:43

Hors ligne cinq-you # Posté le 22/02/2012 à 12:47:22
Avatar
J'ai trouvé 2/3 réponses avec mon ami google :p

http://lmgtfy.com/?q=saut+de+ligne+en+%3Cli%3E

Mais je vais quand même te dire ce que j'ai trouvé :)

  • La solution comme ci : Code : HTML
    1
    <li>&nbsp;</li>

    Mais personnellement, je ne suis pas sur que ça soit la plus propre.
  • Utilise ta balise <class> avec des margin :
    Code : HTML
    1
2
3
    <style type="text/css">
ul li { margin: 20px 0 }
</style>

    Cette solution me plaisait, essaye là.


L'une d'elle marche correctement avec le validateur ?

Citation : Karl Marx
« La liberté est l'expression française de l'unité de l'être humain, de la conscience générique et du rapport social et humain de l'homme avec l'homme. »


Citation : Pittacos
« Celui qui ne peut se taire ne sait pas parler. »





 
Hors ligne aesir59 # Posté le 22/02/2012 à 12:50:30

Je suis débile ^^ je n'y avais absolument pas pensé :s
A ma décharge, j'ai commencé le html/css en Janvier :D

Merci beaucoup pour ton aide !
-- reality is for those who lack imagination --
 
Hors ligne cinq-you # Posté le 22/02/2012 à 13:30:13
Avatar
Pas de soucis ;)
Bonne continuation dans la programmation !

Cordialement, cinq-you
Citation : Karl Marx
« La liberté est l'expression française de l'unité de l'être humain, de la conscience générique et du rapport social et humain de l'homme avec l'homme. »


Citation : Pittacos
« Celui qui ne peut se taire ne sait pas parler. »





 

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx