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
Dropline menu, pomoć

 
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
s1m0n



Joined: 17 Sep 2008
Posts: 15

PostPosted: 15.01.2009 12:11    Post subject: Dropline menu, pomoć Add user to your forum ignore list Reply with quote

Nisam najbolji u CSS-u pa Vas molim za pomoć...

Imam dropline menu sa ovim kodom:

Code:

#nav {
   margin:0px 0px 0px 0px;
}

/* the styling */
#nav {
   width: 755px;
   height: 27px; 
   position: relative;
}

#nav .select, #nav .current {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#nav li {
   display: inline;
   margin: 0px;
   padding: 0px;
   height: 27px;
}

#nav .select a,
#nav .current a {
   display: block;
   height: 27px;
   float: left; 
   padding: 0px 5px 0px 5px;
   text-decoration: none;
   font-size: 12px;
   line-height: 27px;
   white-space: nowrap;
   border-right: 1px solid #80a8d9;
   color: #FFFFFF;
}

* html #nav .select a,
* html #nav .current a {
   width: 1px;
   height: 27px;
}

#nav .select a:hover {
   cursor: pointer;
   color: #FFFFFF;
   height: 27px;
   text-decoration: underline;
}

#nav .select li:hover a {
   cursor: pointer;
   color: #FFFFFF;
   height: 27px;
}

#nav .sub {
   display: none;
}

/* for IE5.5 and IE6 only */
#nav table {
   position: absolute;
   border-collapse: collapse;
   left: 0px;
   top: 0px;
}

#nav .current a {
   color: #FFFFFF;
}

#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {
   color: #FFFFFF;
   height: 26px;
   text-decoration: underline;
}

#nav .sub_active .current_sub a,
#nav .sub_active a:hover {
   color: #FFFFFF;
}

#nav .select li a:hover .sub,
#nav .select li:hover .sub {
   display: block;
   position: absolute;
   width: 755px;
   height: 25px;
   top: 27px;
   left: 0px;
   /*background: #0e3f77;*/
   margin-top: 0px;
   padding: 0px;
   z-index: 100;
   color: #FFFFFF;
   font-size: 12px;
}

#nav .sub,
#nav .sub_active {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#nav .sub_active {
   display: block;
   position: absolute;
   width: 755px;
   top: 5px;
   left: 0px;
   margin-top: 0px;
   padding: 0px;
   z-index: 10;
}

* html #nav .sub_active,
* html #nav .select a:hover .sub {
   z-index: -1;
   margin-top: 0px;
}

#nav .sub_active a {
   height: 26px;
   text-decoration: none;
   line-height: 20px;
   white-space: nowrap;
   display: block;
   float: left; 
   padding: 10px 10px 10px 0px;
   margin: 0;
   font-size: 12px;
   white-space: nowrap;
   border: 0px;
   color: #FFFFFF;
}

#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {
   display: block;
   height: 26px;
   padding: 0px 5px 0px 5px;
   margin: 0px;
   white-space: nowrap;
   border: 0px;
   color: #FFFFFF;
   font-size: 12px;
}

Što tu treba izmijeniti da se podmenu prikazuje u sredini umjesto da se pozicionira na lijevu stranu? Hmm, mislim da ću ovo malo teže objasniti... Dakle, kada se hovera na opciju u menu da se podmenu pokazuje ili u sredini stranice ili u istoj ravnini sa opcijom u menu-u? Nadam se da ste skužili što mi je želja...
Drugo, što treba napraviti da se ispravno pokazuje u IE-u?
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