2012-04-01 14 views
0

をフロートする必要があります。 どうかお手伝いできますか?データリストの項目は、私はデータリストコントロールを使用して作成され、次のコードを持って

編集:追加したコードマークアップ(ブロック要素のコンテナとして使用されるインラインブロックspanspanなど)のいくつかの珍しい/不要を使用することである

<span style="display:inline-block;background-color:Transparent;border-color:#404040;border-style:None;" id="DataList1"><span style="color:Transparent;background-color:Transparent;"> 

       <ul class="latest-posts"> 
        <li> 
        <a href="http://www.site.co.uk/blog/post/using-jquery.aspx"> 
         using jquery<br> 
        </a> 
        </li> 
       </ul> 

      </span><br><span style="color:Transparent;background-color:Transparent;"> 

       <ul class="latest-posts"> 
        <li> 
         <a href="http://www.test.co.uk/First-Blog-Post.aspx"> 
         First Blog Post<br> 
        </a> 
        </li> 
       </ul> 

      </span></span> 

CSS

ul.latest-posts 
{ 
    width:500px; 
    border:1px solid black; 
} 


ul li.latest-posts 

{ 
    float:left;    
} 
+0

あなたの投稿にもコードを含めてください。 –

+0

私はコードが –

+1

だったjsfiddleを含んでいます。しかし、リンクをたどることなく、自己完結型で理解できるものでなければなりません。デモは偉大で便利な補足ですが、もしリンクが壊れたり、jsfiddleが(一時的に)ダウンしたらどうしますか?だからあなたのコードを追加してください。 –

答えて

0

は、コードとデモ

フィドルのためのフィドルを参照してください(彼らはインライン滞在を意味し、spanているので、彼らは浮くが、ためではなく)<br>は次お互いに自分のセクションを置くことを取り除きますデモ:http://jsfiddle.net/vmE2E/2/embedded/result/

+0

あなたはこの質問をどうぞご覧ください。 http://stackoverflow.com/questions/9991377/displaying-a-hidden-div-with-a-scroll-down-effect-using-jquery-on-hover –