[CSS] Puce collée au texte

Puce collée au texte [CSS] - HTML/CSS - Programmation

Marsh Posté le 18-07-2004 à 13:12:52    

Je suis en train de chercher comment coller la puce au texte car pour le moment ça ce présente plutot de cette façon:
 
*         Texte a puce
 
Alors que je voudrai
 
* Texte a puce
 
Quelqu'un peut me dire les paramètres à changer dans le code css ?

Reply

Marsh Posté le 18-07-2004 à 13:12:52   

Reply

Marsh Posté le 18-07-2004 à 13:19:31    

Normalement l'espace après les puces n'est pas si "énorme" t'es sur que c pas ton code qui pose problème ?

Reply

Marsh Posté le 18-07-2004 à 13:24:49    

padding-left sur élement li


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 18-07-2004 à 13:25:54    

Code :
  1. dt, dl, dd, ul, li {
  2. list-style-type: none;
  3. margin: 0;
  4. padding: 0;
  5. }

Reply

Marsh Posté le 18-07-2004 à 13:27:41    

simogeo a écrit :

padding-left sur élement li


 
fonctionne pas.
 
http://www.raal.be/designv3/menu_left.inc.php <== pour voir le code complet.


Message édité par cinezone le 18-07-2004 à 13:30:00
Reply

Marsh Posté le 18-07-2004 à 13:28:26    

t'as un lien vers ta page qui pose problème ? Sinon oui padding-left ça doit résoudre le prob

Reply

Marsh Posté le 18-07-2004 à 13:29:42    

cinezone a écrit :

fonctionne pas.


 
tu sais pas t'en servir   :o


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 18-07-2004 à 13:31:47    

Ben déjà les puces sont pas ds le cadre :/ Mais sinon... Somageo : :lol:

Reply

Marsh Posté le 18-07-2004 à 13:35:55    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
  5. </head>
  6. <body>
  7. <ul>
  8. <li style="padding-left:1em;">lapin 1</li>
  9. <li>lapin 2</li>
  10. <li>lapin 3</li>
  11. <li>lapin 4</li>
  12. </ul>
  13. </body>
  14. </html>


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 18-07-2004 à 13:40:06    

Je sais que ça DEVRAI fonctionner mais dans mon cas ça va pas et je trouve pas pq.

Reply

Marsh Posté le 18-07-2004 à 13:40:06   

Reply

Marsh Posté le 18-07-2004 à 13:43:23    

cinezone a écrit :

Je sais que ça DEVRAI fonctionner mais dans mon cas ça va pas et je trouve pas pq.


 
si tu veux de l'aide URL  :o  
 
sinon tu te débrouilles  [:spamafote]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 18-07-2004 à 13:47:39    

Elle était au dessu mais y a eu des réponses pendant que j'éditais ce qui fait que personne l'a vue.
 
http://www.raal.be/designv3/menu_left.inc.php

Reply

Marsh Posté le 18-07-2004 à 14:09:44    

en fait tu veux que les puces soient contenus ds les blocs ?
 
si oui , ajoutes ca à ta css : ul {margin:3em}
 
mais ca doit etre concu bizarrement pour devoir en arriver la
 


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 18-07-2004 à 14:13:50    

Je crois que c'est pas possible ce que je veux faire au fait, même en testant ton code avec les lapins le texte n'est pas si rapproché que ça, moi je voudrai qu'il soit vraiment collé.
 
Bref pas grave je vais mettre ça a la main devant chaque texte c'est juste que ça va être chiant à faire.

Reply

Marsh Posté le 18-07-2004 à 14:20:00    

la solution peut-etre de ne pas afficher les puces et de coller un background en remplacement ( ainsi tu peux le caler comme tu le souhaites )


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 18-07-2004 à 14:21:16    

Voilà j'ai mis des &#920; avant le texte.

Reply

Sujets relatifs:

Leave a Replay

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