[css] width: auto + display: inline

encore quelques détails sur le css...

http://gorgonite.developpez.com/


1) maintenant, je me demande comment je pourrais faire pour ajuster la largeur du menu à son contenu...

quand je ne mets pas le width: 60% ça prend toute la largeur... même si j'essaye de mettre width: auto


2) je veux faire un tableau sans table...

Code:

---

1 2 3 4

#gorgon ul.tableau li { display: inline; list-style-type: none; }

---

Code:

---

1 2 3 4 5 6 7 8 9 10

<ul class="tableau"> <li> nom<br/> étudiant<br/> inscrit depuis le 31 décembre 2005<br/> <a href="http://www.developpez.net/forums/member.php?find=lastposter&amp;f=62">me contacter</a> </li><li> <img src="http://www.developpez.net/forums/image.php?u=82008" alt="avatar" /> </li> </ul>

---

voilà si quelqu'un a une solution... ;)

bon, il semblait que le inline ne marche pas avec les multi-lignes... j'ai donc changé de méthodes ;)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

#gorgon div.tableau_gauche { position: relative; float: left; }   #avatar { margin-left: 50px; }   #profil_details { padding-top: 10px; }

---

Code:

---

1 2 3 4 5 6 7 8 9

<div> <div id="profil_details" class="tableau_gauche"> nom<br/> étudiant<br/> inscrit depuis le 31 décembre 2005<br/> <a href="http://www.developpez.net/forums/member.php?find=lastposter&amp;f=62">me contacter</a> </div> <img id="avatar" src="http://www.developpez.net/forums/image.php?u=82008" alt="avatar" /> </div>

---

voilà... mais il y a sûrement mieux que le padding pour centrer verticalement le texte de profil_details