Liste en ligne?

Liste en ligne? - HTML/CSS - Programmation

Marsh Posté le 03-10-2012 à 11:39:07    

Salut,
 
Pas de secret de polichinelle, j'essaie de convertir une appli qui s'articulait autour d'un phpBB2 en phpBB3. en respecant le style et les css attachées.
 
Les tableaux ont disparu et on fait place à une structure du type

Code :
  1. <div>
  2. <ul>
  3. <li>
  4. <dt>blabla</dt
  5. <dd>blibli</dd>
  6. </li></ul></div>


 
La partie div, ul, li est ok. Elle me donne bien une bande qui occupe la largeur d'un écran.
Mon souci concerne les dt et dd; ils affichent bien les données sur une même ligne, mais je n'ai aucune maitrise pour les espacer.
 
Comment vous feriez  pour que les élements dt, dd soit sur une seule ligne, un peu à la manière des <td> d'époque.
 
Merci; je peux vous donner les précisions nécessaires si besoin (CSS etc.).
 


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
Reply

Marsh Posté le 03-10-2012 à 11:39:07   

Reply

Marsh Posté le 03-10-2012 à 14:24:47    

Reply

Marsh Posté le 03-10-2012 à 14:25:26    

Avoir choisi du dt et du dd pour mettre le tout sur une même ligne, c'est pas franchement avoir fait un choix judicieux :/ du strong et du em auraient mieux convenu à mon avis...
 
En plus, tu ne respectes même pas la syntaxe html. Normalement, c'est :
<dl>
<dt>...</dt>
<dd>....</dd>
</dl>
 
Donc, d'un point de vue sémantique, le fait que tu utilises déjà du ul rend un dl inutile...


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 03-10-2012 à 14:26:25    


Tu m'as grillé. Mais ton lien corrobore ce que je disais sur la syntaxe et l'aspect sémantique ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 04-10-2012 à 09:05:21    

OK, merci vous deux :)
Perdant trop de temps, j'ai conservé mon tableau (et après tout c'est bien une présentation tabulaire!).


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
Reply

Sujets relatifs:

Leave a Replay

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