浮動圖像到右錨在列表

試圖讓我的箭像粘在錨的右邊浮動圖像到右錨在列表

<ul> 
    <li><a class="linkchild" href="#"><img class = "arrow" src="Images/arrow.png" alt="&#9658;"> 3.1 jQuery</a> 
    <ul> 
     <li><a class="linkchild" href="#">3.1.1 Download</a></li> 
     <li><a class="linkchild" href="#">3.1.2 Tutorial</a></li> 
    </ul> 
    </li> 
    <li><a class="linkchild" href="#">3.2 Mootools</a></li> 
    <li><a class="linkchild" href ="#">3.3 Prototype</a></li> 
</ul>

CSS：

img .arrow 
{ 
    float: right; 
}

來源

2012-06-26 davey

你有什麼問題？我無法在任何地方看到問題... – Christoph

在CSS中img＆.arrow之間有空格。它應該像img.arrow。 – SVS

Doh !!謝謝你們 – davey

img .arrow

- >一個用類arrow圖像標記的孩子 - 你目前的CSS

img.arrow

- >圖像與類arrow - 可能你真的想寫什麼

來源

2012-06-26 10:22:26 Christoph

這已寫入評論。沒有使用這些簡單的東西來獲得積分的答案。 – SVS

現在被用作這樣的

嘿

img.arrow 
{ 
    float: right; 
}

不是這個

img .arrow 
{ 
    float: right; 
}

因爲使用

<img src="" class="arrow">

來源

2012-06-26 10:22:19

這已經寫在評論。沒有使用這些簡單的東西來獲得積分的答案。 – SVS

假設你希望這樣的佈局：

3.1 jQuery [IMG] 
3.1.1 Tutorial 
....

你可以float:left錨標籤拆封他們的內容，包括float:right -ed圖像：

http://jsfiddle.net/4REuw/

img.arrow { 
    float: right; 
} 

a { 
    border: 1px solid red; 
    float: left; 
    clear: left; 
}

來源

2012-06-26 10:27:16 biziclop

浮動圖像到右錨在列表

回答

相關問題