Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
Padajući menu

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
markonio



Joined: 29 May 2007
Posts: 2

PostPosted: 04.06.2007 20:39    Post subject: Padajući menu Add user to your forum ignore list Reply with quote

Polako, ali sigurno, učim CSS. Proučio sam dosta linkova, isprobao dosta primjera... I zapeo na jednom primjeru padajučeg menu-a.
Problem je u sljedećem: Menu super radi u IE, ali u Mozzili ne. Nikako ga nemogu ukrotiti da stoji tamo gdje ja želim da stoji. Menu uvjek bježi lijevo (u mozilli), dok u IE stoji tamo gdje bi trebao.

Nadam se da će neka dobra duša baciti pogled na kod i ukazati mi na pogreške. Hvala!

Kod CSS-a
Code:
#nav {
   list-style: none;
   margin: 0 auto;
   padding: 0 5 0 5;
}

#nav ul {
     padding: 0;
     margin:0;
     list-style: none;
     width:13em;
     z-index:99;
     overflow:visible;
}

#nav li {
     margin:0;
     float:left;
     width: 13em;
     background-color:#3781E4;
     border:solid 1px #2563DA;
     display:block;
     height:auto;
}

#nav ul li{ border-width:1px 1px 0 0;}

#nav ul ul li{ border-width:1px 1px 0 1px;}

#nav ul ul li{border-bottom:1px solid #2563DA;}

#nav a {
   text-decoration:none;
   display:block;
   padding: 0.1em;
   margin:0.2em 0 0.2em 0.1em;
   width:12.5em;
   height:1em;
   color: #CCCCCC;
}

#nav a:hover, #nav li:hover{
   background-color:#2563DA;
   color: #CCCCCC;
}
#nav ul li:hover, #nav ul li a:hover{
     background-color:#2563DA;
}

#nav ul{
     display:none;
}

/*all see this */
#nav ul ul{
     display:none;
     position:absolute;
     margin-top:-1.8em;
     margin-left:13em;
}

/* non-IE browsers see this */
#nav ul li>ul, #nav ul ul li>ul{
     margin-top:-1.4em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
     display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     top: auto;
     left: auto;
}
Back to top
View user's profile Send private message
markonio



Joined: 29 May 2007
Posts: 2

PostPosted: 06.06.2007 16:35    Post subject: Add user to your forum ignore list Reply with quote

Riješio sam problem... A on je bio u četvrtoj liniji. Postavivši padding na 0, sve se počelo prikazivat kako treba.
Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group