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
Css menu ne radi u IE6

 
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
paor



Joined: 08 Aug 2008
Posts: 23

PostPosted: 15.11.2008 10:52    Post subject: Css menu ne radi u IE6 Add user to your forum ignore list Reply with quote

za po doma si amaterski radim redizajn osobnih stranica. ovaj put sam odlučio krenuti bez tablica, a za pomoć sam si barem pronašao jedan css menu koji je izgledao jednostavan i lako prilagodljiv.
kad sam sve posložio, onda šok - provjera u IE6 daje očajne rezultate. u Operi 9+ i FF sve je OK

molim pomoć

(stranica se još uvijek radi lokalno)

Code:
<div id="divmenu">

  <ul id="navigation-1">
   <li><a href="http:" title="xx" target="_self" >xx</a>   </li>
   <li><a href="" title="xx" target="_self" >xx</a>
      <ul class="navigation-2">
         <li><a href="http:/" title="xx" target="_self" >xx</a></li>
         <li><a href="xx" title="" target="_self" >xx</a></li>
         <li><a href="xx" title="" target="_self" >xx</a></li>
      </ul>
   </li>
   <li><a href="http:" title="xx" target="_self" >xx</a>   </li>
   <li><a href="" title="xx" target="_self" >xx</a>
      <ul class="navigation-2">
         <li><a href="http:" title="xx" target="_self" >xx</a></li>
         <li><a href="xx" title="" target="_self" >xx</a></li>
         <li><a href="xx" title="" target="_self" >xx</a></li>
         <li><a href="xx" title="" target="_self" >xx</a></li>
      </ul>
   </li>
   <li><a href="http:" title="xx" target="_self" >xx</a>   </li>
   <li><a href="" title="xx" target="_self" >xx</a>   </li>
   <li><a href="" title="xx" target="_self" >xx</a>   </li>
</ul>

</div>


Code:
#divmenu {
   margin-top : 100px;
   border-color : Black;
   border-bottom-width : 2px;
   border-bottom-style : groove;
}

#navigation-1 {
   padding:1px 0;
   margin:0px;
   list-style:none;
   width:100%;
   height:21px;
   font:normal 8pt verdana, arial, helvetica;
   }

#navigation-1 li {
   margin:0;
   padding: 0 12px;
   display:block;
   float:left;
   position:relative;
   width: auto;
   text-align : center;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
   padding:4px 0;
   display:block;
   text-align: left;
   text-decoration:none;
   color: #202020;
   width: auto;
   height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
   padding:4px 0;
   display:block;
   text-align:center;
   text-decoration:none;
   background: #0EA785;
   color:#ffffff;
   width: auto;
   height:13px;
   border-left:1px solid #ffffff;
   border-right:1px solid #ffffff;
}

#navigation-1 li ul.navigation-2 {
   margin:0;
   padding:1px 1px 0;
   list-style:none;
   display:none;

   width: auto;
   position:absolute;
   top:21px;
   left:-1px;
   border-top:none;

}
#navigation-1 li:hover ul.navigation-2 {
   display:block;
}

#navigation-1 li ul.navigation-2 li {
   width:146px;
   clear:left;
   width:146px;
}

#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
   clear:left;
   background: #0EA785;
   padding:4px 0;
   width:146px;
   border:none;
   border-bottom:1px solid #ffffff;
   position:relative;
   z-index:1000;
}

#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
   clear:left;
   background: #484848;
   padding:4px 0;
   width:146px;
   border:none;
   border-bottom:1px solid #ffffff;
   position:relative;
   z-index:1000;
}

#navigation-1 li ul.navigation-2 li ul.navigation-3 {
   display:none;
   margin:0;
   padding:0;
   list-style:none;
   position:absolute;
   left:145px;
   top:-2px;
   padding:1px 1px 0 1px;
   border:1px solid #000099;
   border-left:1px solid #000099;
   background:#ffffff;
   z-index:900;
}

#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
   display:block;
}

#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
   background:#000099;
}

#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
   background:#0066FF;
}

#navigation-1 li ul.navigation-2 li a span {
   position:absolute;
   top:0;
   left:132px;
   font-size:12pt;
   color:#fe676f;
}

#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
   position:absolute;
   top:0;
   left:100px;
   font-size:12pt;
   color:#ffffff;
}
Back to top
View user's profile Send private message Visit poster's website
niksy



Joined: 29 Sep 2003
Posts: 727

PostPosted: 15.11.2008 18:01    Post subject: Add user to your forum ignore list Reply with quote

IE6 ne podrzava hover efekt ni na jednom drugom elementu osim na anchoru — stavio si hover na list item.

Rjesenja:
Back to top
View user's profile Send private message Visit poster's website Twitter profile
paor



Joined: 08 Aug 2008
Posts: 23

PostPosted: 19.11.2008 11:53    Post subject: Add user to your forum ignore list Reply with quote

hvala niksyu, ali pošto mi je prikaz navigacije u IE6 bio nepremostiva teškoća, ja sam to uradio kako mi i dolikuje - po seljački.

Usput, dok sam na pola puta tek, primam sve kritike i sugestije.

Hvala
http://www.gospodarstvo-petricevic.hr/
Back to top
View user's profile Send private message Visit poster's website
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