Eviter saut à la ligne avec la variable p
wariorz
Messages postés
16
Date d'inscription
Statut
Membre
Dernière intervention
-
Bablon Arnaud Messages postés 74 Date d'inscription Statut Contributeur Dernière intervention -
Bablon Arnaud Messages postés 74 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
- je suis en train de créer un site internet en html, je souhaiterais créer un petit logo carré devant un texte de couleur vert, donc j'ai essayé ça:
<p style="color:#7CF51F"><span style="background-color:#7CF51F">...</span></p>texte texte texte texte ...
il me met un saut :/
- j'ai essayé aussi de faire de ce petit logo carré une image en 12x12 mais il me sort un cadre sans couleur :/
j'ai essayé ça:
<img src="liens html" name="" width="12" height="12" align="left" />
ou
<img src="liens html" name="" align="left" />
ou
<img src="liens html" name="" width="12" height="12"/>
sur des photos ca va mais pas avec ce petit logo, pk?
- je suis en train de créer un site internet en html, je souhaiterais créer un petit logo carré devant un texte de couleur vert, donc j'ai essayé ça:
<p style="color:#7CF51F"><span style="background-color:#7CF51F">...</span></p>texte texte texte texte ...
il me met un saut :/
- j'ai essayé aussi de faire de ce petit logo carré une image en 12x12 mais il me sort un cadre sans couleur :/
j'ai essayé ça:
<img src="liens html" name="" width="12" height="12" align="left" />
ou
<img src="liens html" name="" align="left" />
ou
<img src="liens html" name="" width="12" height="12"/>
sur des photos ca va mais pas avec ce petit logo, pk?
A voir également:
- Eviter saut à la ligne avec la variable p
- Aller à la ligne excel - Guide
- Partager photos en ligne - Guide
- Éviter pub youtube - Accueil - Streaming
- Comment supprimer une page sur word avec un saut de page ? - Guide
- Mètre en ligne - Guide
6 réponses
Pour faire une liste, il faut utiliser <ul> et <li> :
Pour tout autre problème de html, voir là : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Les cours sont très bons.
<ul> <li>1ere ligne</li> <li>2eme ligne</li> <li>3eme ligne</li> </ul>
Pour tout autre problème de html, voir là : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Les cours sont très bons.
Bonjour,
La balise <p> sert en général pour les paragraphes. Donc quand tu mets </p> (donc que tu finis ton paragraphe), il va à la ligne.
Ensuite la balise <img> s'utilise de façon assez simple. le paramètre src signifie source, donc tu dois mettre la source de l'image (le chemin ou l'image se trouve). Dans ton cas ça donnerai :
La balise <p> sert en général pour les paragraphes. Donc quand tu mets </p> (donc que tu finis ton paragraphe), il va à la ligne.
Ensuite la balise <img> s'utilise de façon assez simple. le paramètre src signifie source, donc tu dois mettre la source de l'image (le chemin ou l'image se trouve). Dans ton cas ça donnerai :
<img src="ton_logo.jpg" alt="logo" style="width:12px;height:12px" />
merci de votre réponse, ça fonctionne nikel!!
j'abuse de votre aide, je cherche à mettre plusieurs texte les uns en dessous des autres comme par exemple:
- 1er ligne
- 2eme ligne
- 3eme ligne
...
si j'utilise la variable center ca va donner:
- 1er ligne
- 2eme ligne
- 3eme ligne
merci d'avance
j'abuse de votre aide, je cherche à mettre plusieurs texte les uns en dessous des autres comme par exemple:
- 1er ligne
- 2eme ligne
- 3eme ligne
...
si j'utilise la variable center ca va donner:
- 1er ligne
- 2eme ligne
- 3eme ligne
merci d'avance
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
merci je suis allé voir sur le site
par contre si je veux mettre plus d'espace
si j'utilise ces ligne de code:
<ul>
<li>1er ligne</li>
<li>2ème ligne</li>
</ul>
cela donne:
1er ligne
2eme ligne
3eme ligne
je souhaiterais mettre plus d'espace devant
par exemple:
1er ligne
2eme ligne
3eme ligne
par contre si je veux mettre plus d'espace
si j'utilise ces ligne de code:
<ul>
<li>1er ligne</li>
<li>2ème ligne</li>
</ul>
cela donne:
1er ligne
2eme ligne
3eme ligne
je souhaiterais mettre plus d'espace devant
par exemple:
1er ligne
2eme ligne
3eme ligne
woki dans ce cas la c'est simple. utilise mot a mot ca :
<style>
.content { }
.content ul { width :200px; }
.content li { margin-left :10px; }
</style>
<div class="content">
<ul>
<li>1er ligne</li>
<li>2ème ligne</li>
</ul>
</div>
Explications :
Tes puces (ul & li) se trouvent dans un "container" (autrement dit un div) qui a une classe apellé content. Cette classe content (que tu peux voir entre les balises style et qui pour le coup ne contien rien (.content { }) redéfini les listes a puce contenu dans celle ci (.content ul & .content li)
dans .content li tu peux voir qu'on attribut un margin-left :10px; autrement dit tes li seront décalés de 10px par rapport au bord de leur container (qui ici est le ul) .
Voila j'espère avoir répondu à ta question
<style>
.content { }
.content ul { width :200px; }
.content li { margin-left :10px; }
</style>
<div class="content">
<ul>
<li>1er ligne</li>
<li>2ème ligne</li>
</ul>
</div>
Explications :
Tes puces (ul & li) se trouvent dans un "container" (autrement dit un div) qui a une classe apellé content. Cette classe content (que tu peux voir entre les balises style et qui pour le coup ne contien rien (.content { }) redéfini les listes a puce contenu dans celle ci (.content ul & .content li)
dans .content li tu peux voir qu'on attribut un margin-left :10px; autrement dit tes li seront décalés de 10px par rapport au bord de leur container (qui ici est le ul) .
Voila j'espère avoir répondu à ta question
