Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1399 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Puces hiérarchisés

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Puces hiérarchisés

n°1455216
Pierrick81
Posté le 11-10-2006 à 10:16:51  profilanswer
 

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

mood
Publicité
Posté le 11-10-2006 à 10:16:51  profilanswer
 

n°1455238
mIRROR
Chevreuillobolchévik
Posté le 11-10-2006 à 10:38:54  profilanswer
 

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 ?

n°1455257
Pierrick81
Posté le 11-10-2006 à 10:55:15  profilanswer
 

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

n°1455270
anapajari
s/travail/glanding on hfr/gs;
Posté le 11-10-2006 à 11:02:24  profilanswer
 

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

n°1455450
Pierrick81
Posté le 11-10-2006 à 14:11:00  profilanswer
 

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

n°1455488
mIRROR
Chevreuillobolchévik
Posté le 11-10-2006 à 14:41:56  profilanswer
 

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{
  2. font-weight:bold;
  3. }


 
:/
 
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
n°1456430
gatsu35
Blablaté par Harko
Posté le 12-10-2006 à 23:24:24  profilanswer
 

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}

n°1456465
mIRROR
Chevreuillobolchévik
Posté le 13-10-2006 à 04:36:30  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Puces hiérarchisés

 

Sujets relatifs
listes, puces et CSS[CSS] Comment contrôler les item générés des listes à puces ?
[CSS] puces et liste de definitionsLecteurs de cartes à puces et PC/SC
Changer les couleurs des puces??[MySQL-Word]Export de données web et listes à puces
CSS : Puces et listes en ligne 
Plus de sujets relatifs à : Puces hiérarchisés


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR