2012-02-06 7 views
0

ここで揃えることが私のコードです:ショーのサムネイルとテキストが

<div class = "menu-content"> 
     <ul data-role = "listview" data-inset="true"> 
      <li data-role = "list-divider">Emergency Menù</li> 
      <li> 
       <a href="#"> 
         <img src="assets/icns/user.png" class = "ui-li-icons" /> 

        Add 
       </a> 
      </li> 
     </ul> 
</div> 

user.pngアイコンがインラインサムネイルを表示していました32x32px.IのファイルをPNG形式IAおよびテキストを追加します。私の問題は、サムネイルをテキストが一番上になるように並べるときです。

example

答えて

0

スタイル=使用してみてください "フロート:左;"画像上に

また、クラスをui-li-iconsとして見ています。 ul内の画像だけのクラスを作成しようとしていますか?

あなたは次のようにCSSを行うことができます:ULいる

#menu li img {/*CSS HERE*/} 

#menu。

+0

私はこの例を追加します。あなたが見るように、テキストは一番上にあります。私は中心に置くだろう。 – Mazzy

+0

イメージにあなたのCSSコードを含めることはできますか? –

+0

あなたが私に示唆したように使ったのは:float:left – Mazzy

0

テキストの縦線を確認してください。

vertical-align:baseline 
vertical-align:middle 

場合によっては、正しく設定するためにこれらの設定を混乱させる必要があります。