2013-04-08 97 views
0

翻轉菜單css3我有問題。 我需要這樣創造的東西:翻轉菜單css3

enter image description here

我坐在這兩天,我仍然有問題。 還有就是我的進步(右上角): http://dash.com.pl/CTP/index.html#

所以,問題是,我不能顯示我的第二UL,而我設置position:absolute這一點。 我不能也設置填充底部到第一個UI。

當然,我犯了一些錯誤,如果有人能看到我做錯了什麼,我將不勝感激。

http://jsfiddle.net/SD58Z/800/

回答

1

在你的CSS添加

#language {overflow: hidden; } 

順便說請,靠近您在關閉div之前的鏈接!,

<div> <a href="#"> Link</a></div> 
+0

@Lukas從DreaminMedia Queretaro添加css – Cassian 2013-04-09 06:40:11

0

嗨,你應該關閉<a>標籤div內改變這樣的html代碼:

<ul class="language" id="language"> 
    <li><div id="sve"><a href="#">svensk<div id="ico"><span></span></div></a></div>     
     <div id="uk"><a href="#">english</a></div>    
    </li> 
</ul> 
+0

現在我有這樣的東西:http://dash.com.pl/CTP/index.html你知道嗎,我怎麼能爲第一個li添加底部填充? – Lukas 2013-04-08 08:40:15

+0

現在你需要做一些CSS調整,如:make li放大100px,從li刪除邊框,並將其放到ul並找到一種方法來放置文本上 – Cassian 2013-04-08 08:59:04

+0

幾乎完成:http://dash.com.pl/CTP/index .html我有最後一個問題給你。你能告訴我,滾動後如何做到這一點,內容不會向下移動? – Lukas 2013-04-08 09:18:34