[css] <dl> et enfants

<dl> et enfants [css] - HTML/CSS - Programmation

Marsh Posté le 31-10-2003 à 16:32:55    

jeune homme cherche Hack I.E pour éléments dl-dt-dd.
Pas séreux s'abstenir
 
voici mon style pour ces elements :

Code :
  1. <style type="text/css" media="screen"><!--
  2. dl {
  3. text-align:left;
  4. width:100%;
  5. color : #60778E;
  6. }
  8. dt {
  9. margin : 2em 0 0 2em;
  10. padding : 0;
  11. line-height:2em;
  12. text-align:left;
  13. width:100%;
  14. display:inline;
  15. color : #60778E;
  16. }
  18. dd {
  19. margin : 2em 0 0 2em;
  20. padding : 0;
  21. line-height:2em;
  22. text-align:left;
  23. width:100%;
  24. color : #60888E;
  25. display:inline;
  26. }
  27.   -->
  28. </style>


 
et mon hteumeuleu :
 

Code :
  1. <dl>
  2. <dt>Terme 1</dt>
  3. <dd>Définition Terme 1<br /></dd>
  4. <dt>Terme 2</dt>
  5. <dd>Définition Terme 2<br /></dd>
  6. <dt>Terme 3</dt>
  7. <dd>Définition Terme 3<br /></dd>
  8. </dl>


 
 
ss moz ... dt et dd sont sur la même ligne. Résultat impossible a obtenir sous IE.  
Avez vous des idées ?  :)  


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

Marsh Posté le 31-10-2003 à 16:32:55   

Reply

Marsh Posté le 31-10-2003 à 16:35:11    

dans le cas ou c'est imposible, d'après vous, quelles balises se rapportent sémantiquement le plus près de dl ?
 
merci :jap:


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

Marsh Posté le 31-10-2003 à 17:39:39    

problème résolu par fast (  :jap: )  
je vous le met a dispo, ca peut servir  :wahoo:  
 
 
 

Code :
  1. dl { 
  2.      width:200px; 
  3.      color : #60778E; 
  4.   } 
  5.    
  6.   dt { 
  7.      color : #60778E; 
  8.      float:left; 
  9.   } 
  10.      
  11.   dd { 
  12.      color : #60888E; 
  13.      
  14.   }


 
 
 
 
 


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

Marsh Posté le 31-10-2003 à 17:49:43    

Ben oui dt et dd c'est des blocs. Donc soit tu les mets en flottants, soit tu les transformes en éléments en-ligne.


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

Marsh Posté le 31-10-2003 à 17:53:03    

gm_superstar a écrit :

Ben oui dt et dd c'est des blocs. Donc soit tu les mets en flottants, soit tu les transformes en éléments en-ligne.


ben c'est ce que j'avais fais [:meganne]
... mais ca passe pas sous IE [:tilleul]


Message édité par simogeo le 31-10-2003 à 17:53:21

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

Marsh Posté le 31-10-2003 à 17:55:05    

Reply

Marsh Posté le 01-11-2003 à 02:53:03    

une petite question semantique ... de maniere generale on fait une lectre horizontale des tableaux.  
on se sert des tableaux pour lister des attributs d'objet dans différentes colonnes :
 
sous la forme:
 

Code :
  1. ------------------------------------------------------------
  2. |objet | propriete1 | propriete2 | propriete3 | propriete4 |
  3. ------------------------------------------------------------
  4. | ob1  | valprop1_1 | valprop1_2 | valprop1_3 | valprop1_4 |
  5. ------------------------------------------------------------
  6. | ob2  | valprop2_1 | valprop2_2 | valprop2_3 | valprop2_4 |
  7. ------------------------------------------------------------


 
etc pour chaque objet ....  
on liste donc les valeurs d'attributs ( proprietes ) d'objets de manière horizontale.
 
il me semble semantiquement correct de faire un listing de type 'vertical'
 

Code :
  1. ---------------------------
  2. | proprietes |   valeur   |
  3. ---------------------------
  4. |   prop_1   |  valprop1  |
  5. ---------------------------
  6. |   prop_2   |  valprop2  |
  7. --------------------------|
  8. |   prop_3   |  valprop3  |
  9. ---------------------------
  10. // etc ...


 
qu'en pensez vous ? - d'un point de vus sémantique et d'un point de vue lisibilité


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

Marsh Posté le 01-11-2003 à 03:06:51    

ben semantiqumt l'n comme l'autre sont corrects, pour la lisibilité, tt depend des données que tu dois afficher[:spamafote]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Sujets relatifs:

Leave a Replay

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