2013-04-08 1 views
0

У меня проблема с меню опрокидывания css3. мне нужно создать что-то вроде этого:Меню опрокидывания css3

enter image description here

Я сижу на этом в течение двух дней, и я все еще есть проблемы. Существует мой прогресс (верхний правый угол): http://dash.com.pl/CTP/index.html#

Итак, проблема, я не могу показать свою вторую ул пока я поставил position:absolute к этому. Я также не могу установить прокладку-нижнюю до первой Ul.

Конечно, я допустил некоторые ошибки, если кто-то мог понять, что я сделал не так, я был бы благодарен.

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

ответ

1

В вашем CSS добавить

#language {overflow: hidden; } 

И кстати пожалуйста, близко ваши ссылки, прежде чем закрыть div !,

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

@Lukas добавить css из DreaminMedia Queretaro – Cassian

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

+0

Теперь вам нужно сделать несколько настроек css, например: make li large 100px, удалить границу с li и поместить ее в ul и найти способ поместить текст вверх – Cassian

+0

Почти сделано: http://dash.com.pl/CTP/index .html У меня последний вопрос для вас. Можете ли вы сказать мне, как это сделать после перекатывания, контент не опускается? – Lukas