[résolu] Centrage vertical liste numérotée

Salut
j'essaie de centrer des éléments de liste numérotée, ca marche, en partie...

juste avec du texte, c'est bon avec le code suivant

<ol class="tracklist">
<li>Malakwa - Man with the mask</li>
<li>Zombiebass - Ubermench</li>
</ol>

.tracklist li{
height: 25px;
line-height: 25px;
vertical-align: middle;
}

là ou ca se complique, c'est qd je rajoute un lecteur audio

</ol>
<ol class="tracklist">
<li><object type="application/x-shockwave-flash" data="http://vault106.tuxfamily.org/index.php/?pf=player_mp3.swf" height="25" width="150"><param name="movie" value="http://vault106.tuxfamily.org/index.php/?pf=player_mp3.swf" /><param name="wmode" value="transparent" /><param name="FlashVars" value="showvolume=0&amp;mp3=http://www.archive.org/download/VAULT000/101.-.BadBeat-Crew._.Happy.Children.mp3&amp;width=150&amp;height=25" /></object> Badbeat-Crew - Happy Children </li>

le texte se retrouve aligné sur le bas de l'élément li après le lecteur

cf capture : (bordure ajoutée ponctuellement pour tenter de résoudre le pb)
http://traaf.free.fr/img/tracklist.png


une idée ??
Modifié par traaf (15 May 2010 - 10:37)

Hello,

Brut de décoffrage, en passant rapidement et sans réfléchir (donc prêt à être caillassé en place publique )

object {
       vertical-align:middle;
}

?

Je file (les cailloux ça peut faire mal...)

6l20 a écrit :

Brut de décoffrage, en passant rapidement et sans réfléchir (donc prêt à être caillassé en place publique )

object {
       vertical-align:middle;
}

?

Salut Sylvain, si en principe ça devrait fonctionner (mais je n'ai jamais essayé non plus)

Par contre il faut ajouter <span> Badbeat-Crew - Happy Children </span></li>

et donc

li object, li span {vertical-align:middle}

pour centrer le centre vertical du texte et non pas
simplement l'afficher sur sa ligne de base.
Modifié par Hermann (11 May 2010 - 21:08)

yes
ca fonctionne au poil
merci Hermann

ca fonctionne même sans le span (ce qui m'arrange fortement )

juste avec .tracklist li object {vertical-align:middle}