[HTML/CSS] positioner du texte dans un <li>

positioner du texte dans un <li> [HTML/CSS] - HTML/CSS - Programmation

Marsh Posté le 21-02-2004 à 01:34:38    

Bonsoir,
 
Je cherche à positioner du texte dans un <li>, de cette facon :

partie1    partie2


La partie 2 est donc collé au bord droit du <li>.
Bon je sais c'est surement pas tres complexe, et c'est peut être la fatigue, mais en tout cas j'arrive pas à faire ca...
J'ai bien essayé avec la partie2 dans un span en float à droite et un clearboth à la suite dans le meme <li> mais rien à faire.


Message édité par Big-Foot le 21-02-2004 à 01:36:10
Reply

Marsh Posté le 21-02-2004 à 01:34:38   

Reply

Marsh Posté le 21-02-2004 à 01:48:35    

li {
display: inline;
margin:2em;
}
 
c'est le display:inline qui est important ici pour l'afficher ..... en ligne :)


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

Marsh Posté le 21-02-2004 à 02:05:55    

je me suis mal exprimé, ce que je cherche c'est dans chaque <li> avoir 2 parties alignés differament.

Code :
  1. <li>PartieDeGauche PartieDeDroite</li>

Reply

Marsh Posté le 21-02-2004 à 02:08:33    

Big-Foot a écrit :

je me suis mal exprimé, ce que je cherche c'est dans chaque <li> avoir 2 parties alignés differament.

Code :
  1. <li>PartieDeGauche PartieDeDroite</li>




je doute que tu en fasses une utilisation sémantique  :heink:  
c'est surement pas une li qu'il te faut pour afficher ce type de données.
 
que veux tu faire exactement ?


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

Marsh Posté le 21-02-2004 à 02:11:56    

en fait je veut afficher une liste qui contient à chaque fois un titre et une date.
Au début j'avais fait ca avec un tableau, mais pour l'apparence du site j'avais besoins d'un " ? " au début de chaque titre alors utiliser une liste m'a paru une bonne idée


Message édité par Big-Foot le 21-02-2004 à 02:12:50
Reply

Marsh Posté le 21-02-2004 à 02:13:56    

et puis j'ai pas trouvé un caractère équivalent à ? en xhtml :D

Reply

Marsh Posté le 21-02-2004 à 18:15:57    

bon j'ai fini par abondonner, je le fait avec un <table> mais est ce que qu'un pourrais me dire à quoi correspond un ? en xhtml ??
un &middot; ca va pas c'est trop petit :/

Reply

Marsh Posté le 21-02-2004 à 18:21:22    

Big-Foot a écrit :


un &middot; ca va pas c'est trop petit :/


ben faut lui appliquer un style  :p  
 

Code :
  1. <span>&middot;</span>


 
 
et pour le css :
 

Code :
  1. span {font-size:24px;}


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

Marsh Posté le 21-02-2004 à 19:57:42    

ah pas con :D
merci

Reply

Marsh Posté le 21-02-2004 à 21:13:37    

hum, mais si j'augemente la taille du &middot; ca augemente aussi la hauteur du <td> qui la contient :/


Message édité par Big-Foot le 21-02-2004 à 21:14:04
Reply

Marsh Posté le 21-02-2004 à 21:13:37   

Reply

Marsh Posté le 21-02-2004 à 23:11:21    

Colle une marge dessus ...


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 22-02-2004 à 14:03:37    

tu veut dire enlever les marges du span ? mais c'est pas possible, c'est les marges du caractère lui meme

Reply

Marsh Posté le 22-02-2004 à 15:13:26    

Big-Foot a écrit :

hum, mais si j'augemente la taille du &middot; ca augemente aussi la hauteur du <td> qui la contient :/

t'en fait une classe...

Reply

Marsh Posté le 22-02-2004 à 18:01:51    

? -> &#x2022;
● -> &#x25cf;


Message édité par gm_superstar le 22-02-2004 à 18:03:41

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-02-2004 à 10:57:10    

gm_superstar a écrit :

? -> •
● -> ●


merci c'est parfait  :jap:

Reply

Sujets relatifs:

Leave a Replay

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