Discussion :

[gorgonite]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[gorgonite]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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