Forum Développeur - Administration serveur, programmation et base de données

Aide - Recherche - Membres - Calendrier

Version complète : Probleme d'alignement de puce

Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS

Lee

Mar 16 2005, 07:00 PM

Bon promis c'est pas la derniere fois

Cette fois ci moi probleme est :
Voila, je cherche à aligner horizontalement des puces <li>.
user posted image

Mon code Xhtml

CODE

<div class="marque">

<ul>

<li>

<h2><a href="alcatel/index.htm" target="_parent"><img src="alcatel/logo.gif" alt="Alcatel"></a></h2>

</li>

<li>

<select OnChange="javascript:photo(this.options[this.selectedIndex].value, 'index.htm')" onBlur="this.selectedIndex='';">

<option value="./" selected>-----</option>

<option value="alcatel/miniatures">Ensemble des mobiles</option>

<option value="alcatel/ot156">One Touch 156</option>

<option value="alcatel/ot511">One Touch 511</option>

</select>

</li>

<ul>

<li>

<h2><a href="alcatel/index.htm" target="_parent"><img src="alcatel/logo.gif" alt="Alcatel"></a></h2>

</li>

<li>

<select OnChange="javascript:photo(this.options[this.selectedIndex].value, 'index.htm')" onBlur="this.selectedIndex='';">

<option value="./" selected>-----</option>

<option value="alcatel/miniatures">Ensemble des mobiles</option>

<option value="alcatel/ot156">One Touch 156</option>

<option value="alcatel/ot511">One Touch 511</option>

</select>

</li>

</div>

Mon code CSS

CODE

div.marque ul {

display: inline;

list-style-type: none;

}

div.marque li {

list-style-image:url("../images/styles/bleu/deco_bleu.gif")

display: inline;

list-style-type: none;

}

Merci pour votre aide

Thanh

Mar 17 2005, 12:11 AM

rajoute un "float: left;" pour tes li.

mais pk des li???

Lee

Mar 17 2005, 09:48 AM

QUOTE

rajoute un \"float: left;\" pour tes li.

mais pk des li???

Ben il me semble plus simple d'appliquer des <li> non ?

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.