Transfomer un div en bloc inline dans une liste

Bonjour à tous,

Voila je code en asp.net donc j'ai voulu creer une une liste de lien avec les balises de liste
<ul id="info">
<li> <a></a></li>
<ul>(cela en display:inline) mais dans le code généré par asp.net un controle de type rating( note avec des étoiles) crée un div dans la balise
<li>
<div id="ctl08_Rating1"></div>
</li>
Donc j'ai voulu mettre ce div en mode inline mais cela ne marche pas.
Donc je vous meets mets le code et le css


Je vous send 2 images pour mieux saisir mon probleme:

http://img125.imageshack.us/img125/3858/ratingpasaligneut5.png
http://img157.imageshack.us/img157/538/normalmp6.png

                                    <ul class="info">
                                            <li><a id="ctl08_LinkButtonAgrandirTexte" href="javascript:__doPostBack('ctl08$LinkButtonAgrandirTexte','')">+</a> | </li>
                                <li><a id="ctl08_LinkButtonRetrecir" href="javascript:__doPostBack('ctl08$LinkButtonRetrecir','')">-</a> | </li>
                                <li><a id="ctl08_HyperLinkImprimer">Imprimer</a> | </li>
                                <li><a id="ctl08_HyperLinkVoter">Voter:  
                                			
                                </a> 
                              
                                    | </li>
                                    

                           
                                <li><a id="ctl08_HyperLinkReagir">Réagir</a> | </li>
                                 <li><a id="ctl08_HyperLinkEnvoyerAUnAmi">Envoyer à un ami</a> | </li>
                                  
                                   <li>

                       [#red]<div id="ctl08_Rating1">
				<input type="hidden" name="ctl08$Rating1_RatingExtender_ClientState" id="ctl08_Rating1_RatingExtender_ClientState" value="0" />
            
            <span id="ctl08_Rating1_Star_1" class="ratingStar emptyRatingStar" style="float:left;">&nbsp;</span><span id="ctl08_Rating1_Star_2" class="ratingStar emptyRatingStar" style="float:left;">&nbsp;</span><span id="ctl08_Rating1_Star_3" class="ratingStar emptyRatingStar" style="float:left;">&nbsp;</span><span id="ctl08_Rating1_Star_4" class="ratingStar emptyRatingStar" style="float:left;">&nbsp;</span><span id="ctl08_Rating1_Star_5" class="ratingStar emptyRatingStar" style="float:left;">&nbsp;</span>
			</div>         
                                   
                                   
                        [#green]           </li> 
                                    </ul>

/*Liste newws detail*/
.info ul,.info li {margin:0;padding:0;}
.info li {list-style:none;margin:0;padding:0;display:inline;color:Gray;}
.info li a {font-family:Arial;font-weight:normal;font-style:italic;font-size:12px;color:black;text-decoration:none;}
.info li a:hover { color:Gray}



/* RatingControl */



#ctl08_Rating1
{
    display:inline;
}
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor:pointer;
    display:block;
    
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(img/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(img/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(img/SavedStar.png);
}
/* End-RatingControl */

Cordialement,
totof
Modifié par Felipe (02 May 2007 - 14:53)

Bonjour,

j'ai édité les liens pour que les 2 images d'Imageshack s'affichent correctement (en enlevant .th dans le nom pour ne pas avoir les THumbnails/vignettes).
Inutile d'envoyer un 6ème sujet, on va garder celui-là

Felipe
Modifié par Felipe (02 May 2007 - 15:07)

oki merci pour la clareté fellipe

Y'a pas uen tite soluce pour aligner mon controle rating dans une liste <lu><li></li></ul> ou bien faut que j'utilise un tableau car péférè les listes

Bonjour,

Déjà sortir ton div de <ul></ul>, ce n'est pas sa place, ensuite placer ta liste et ton div dans un conteneur et à vue de nez, soit ton div en float right, soit en position absolute. Les 2 fonctionnent je pense à condition de connaitre le width de ton conteneur ! (au minimum de la liste)

Sinon, je ne sais si c'est possible en asp mais transformer ton div en image et là plus de problème

en fait rating c un controle spéciale en ajax tiré de la framework ASP.NET AJAX Control Toolkit" (http://ajax.asp.net/) donc le code html généré me sort un div avec un tas de span ect.. un peu du codé salé génré par asp.net donc voila le probleme peut changer mon div ainsi

et en fait mon controle rating est juste a coté du lien voté donc faudrait que je mette mon <li>voté</li> en dernier lien.

Donc je ne peut pas utilsier les floats je suis obligé de passer mon bloc <ul> en postion relative puis de passer mon bloc rating en position relative puis le depalcer avec top left ?