2013-04-08 3 views
0

J'ai un problème avec le menu de roulement css3. Je dois créer quelque chose comme ceci:menu rollover css3

enter image description here

Je suis assis sur ce pendant deux jours et j'ai encore des problèmes. Il y a mes progrès (Upper coin droit): http://dash.com.pl/CTP/index.html#

Ainsi, le problème est, je ne peux pas afficher ma seconde ul pendant que je mets position:absolute à ce sujet. Je ne peux pas également définir padding-bottom à la première Ul.

Bien sûr, j'ai fait quelques erreurs, si quelqu'un pouvait voir ce que j'ai fait de mal, je serais reconnaissant.

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

Répondre

1

Dans votre css ajouter

#language {overflow: hidden; } 

Et par la façon pls, à proximité vos liens avant de fermer la div !,

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

@Lukas ajouter le css de DreaminMedia Queretaro – Cassian

0

Salut vous devez fermer étiquette <a> à l'intérieur du div et modifier le code html comme ceci:

<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

Maintenant, j'ai quelque chose comme ça: http://dash.com.pl/CTP/index.html Savez-vous, comment puis-je ajouter un rembourrage pour le premier li? – Lukas

+0

Maintenant, vous avez besoin de faire quelques ajustements css comme: faire li plus grand 100px, supprimer la frontière de li et le mettre à ul et trouver un moyen de mettre le texte supérieur – Cassian

+0

Presque terminé: http://dash.com.pl/CTP/index .html J'ai la dernière question pour vous. Pouvez-vous me dire, comment faire cela après avoir roulé, le contenu ne descend pas? – Lukas