Puces hiérarchisés

Puces hiérarchisés - HTML/CSS - Programmation

Marsh Posté le 11-10-2006 à 10:16:51    

Coucou à tous,
 
Je me bats avec des puces !
Je veux faire une liste de puce, mais je n'arrive pas à les hiérarchiser comme je veux.
Si j'utilise les balises <ul>, ça me saute des lignes partout et c'est pas très joli !
Si j'utilise les balises de hiérarchisations <dl>, le premier titre entre les balises <dt> est en gras...
N'est-il pas possible d'avoir une liste de puces hiérarchisée simple, sans gras et sans saut de ligne.
Voilà mon code :

Code :
  1. <tr><td><img src="images/puce.gif" width="20" height="14"></td>
  2.                <td>&nbsp;<a href="http://www.cinemapleinair.com">Projections dans les différents formats</a></td></tr>
  3.          <tr><td></td><td>
  4.                         <dl><dt><li>Projection cinématographique</li></dt>
  5.                           <dd><li type="circle">Au format salle de cinéma 35 mm</li></dd>
  6.                           <dd><li type="circle">Au format 16 mm</li></dd>
  7.                              <dt><li>Vidéoprojections forte puissance</li></dt></dl>
  8.           </td></tr>


 
Voilà l'aperçu de la pagehttp://www.hallucine.fr
 
Merci de vos conseils.
 
++
 
Pierrick

Message cité 2 fois
Reply

Marsh Posté le 11-10-2006 à 10:16:51   

Reply

Marsh Posté le 11-10-2006 à 10:38:54    

Pierrick81 a écrit :

Coucou à tous,
 
Je me bats avec des puces !
Je veux faire une liste de puce, mais je n'arrive pas à les hiérarchiser comme je veux.
Si j'utilise les balises <ul>, ça me saute des lignes partout et c'est pas très joli !
Si j'utilise les balises de hiérarchisations <dl>, le premier titre entre les balises <dt> est en gras...
N'est-il pas possible d'avoir une liste de puces hiérarchisée simple, sans gras et sans saut de ligne.
Voilà mon code :
http://www.shanghaiist.com/attachments/shang_dan/shiticecream.jpg
 
Voilà l'aperçu de la pagehttp://www.hallucine.fr
 
Merci de vos conseils.
 
++
 
Pierrick


 
bon bah va falloir prendre des cours d html la c est pas possible :/
qu est ce que t appelle une liste hierarchisee sinon ?

Reply

Marsh Posté le 11-10-2006 à 10:55:15    

Merci pour ce conseil avisé :)
Bah je veux une hiérarchisation, avec :  
Mon image Puce + Titre 1
Décalé un peu à droite Puce + Titre 2
Décalé encore un peu plus à droite Puce + Titre 3
 
En gros c'est une liste hiérarchisée avec des puces ! Rien d'extraordinaire. Je veux juste qu'il n'y ait pas de gras et pas de saut de ligne !
Merci

Reply

Marsh Posté le 11-10-2006 à 11:02:24    

Code :
  1. <ul>
  2.   <li>Truc 1</li>
  3.   <li>Truc 2
  4.    <ul>
  5.     <li>Truc 2.1</li>
  6.     <li>Truc 2.2
  7.      <ul>
  8.       <li>Truc 2.2.1</li>
  9.       <li>Truc 2.2.2</li>
  10.      </ul>
  11.     </li>
  12.     <li>Truc 2.3</li>
  13.    </ul>
  14.   </li>
  15. </ul>


et tu appliques le style que tu veux sur chaque truc :??:
ou alors j'ai rien compris :o

Reply

Marsh Posté le 11-10-2006 à 14:11:00    

oui j'avais fait qqch comme ça, mais alors c'est que je ne dois pas savoir comment faire pour appliquer le style que je veux ? (pq là par défaut il me saute des lignes)
Merci de tes conseils

Message cité 1 fois
Reply

Marsh Posté le 11-10-2006 à 14:41:56    

Pierrick81 a écrit :

je ne dois pas savoir comment faire pour appliquer le style que je veux


 
visiblement ca vient de la
pour enlever la graisse de ta police il suffit de faire  
.ma_classe {font-weight:normal;}
 
par contre que ce soit <li> ou <dd> y a nulle part de gras je comprends pas ton probleme :/
 
ca vient surement d ailleurs je vais mater un peu ta source
 
edit :
ben voila le fautif  

Code :
  1. dl dt{
  5. font-weight:bold;
  9. }


 
:/
 
sinon juste pour etre un peu clus clair dans mon message precedent
 

Code :
  1. <dd><li type="circle">Au format 16 mm</li></dd>


 
ce genre de trucs ne marche en aucun cas
<dd> appartient a <dl>
<li> appartient a <ol> ou <ul>
donc du n importe quoi
je te conseille d aller faire un tour sur w3schools


Message édité par mIRROR le 11-10-2006 à 14:46:21
Reply

Marsh Posté le 12-10-2006 à 23:24:24    

Pour répondre clairement à la question (que mirror à oublié)
Si ca te saute des lignes (entre guillemets hein :o)
C'est parce que par défaut les UL on des marges.
 tu peux très bien faire en CSS :  
 
 
ul {margin:0; padding:0}

Message cité 1 fois
Reply

Marsh Posté le 13-10-2006 à 04:36:30    

gatsu35 a écrit :

Pour répondre clairement à la question (que mirror à oublié)


 

Pierrick81 a écrit :

N'est-il pas possible d'avoir une liste de puces hiérarchisée simple, sans gras et sans saut de ligne.


 
anapajari a repondu a la liste moi au gras  
il fallait que tu fasses ta part :o

Reply

Sujets relatifs:

Leave a Replay

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