Log in

View Full Version : Tolong Tanya Css navigasi Gan.


Badguy13
20th November 2011, 09:16 AM
haloo para master. Ane mau tanya tentang cSS nih sekalian share.



Css ini bisa jalan di chrome dan firefox tapi tidak bisa jalan di IE6.



Tolong Gan ada yang bisa bantuin gk agar css ini bisa jalan di IE6.



ini silahkan copas


Spoiler for KODE CSSNYA:







Quote:





.nav {

height:35px;

background: url(images/bg.gif) repeat-x;

position:relative;

font-family:arial, verdana, sans-serif;

font-size:11px;

width:100%;

z-index:100;

margin:0;

padding:0;

}



.nav .table {

display:table;

margin:0 auto;

}



.nav .select,

.nav .current {

margin:0;

padding:0;

list-style:none;

display:table-cell;

white-space:nowrap;

}



.nav li {

margin:0;

padding:0;

height:auto;

float:left;

}



.nav .select a {

display:block;

height:35px;

float:left;

font-weight:bold;

background: url(images/bg.gif);

padding:0 30px 0 30px;

text-decoration:none;

line-height:35px;

white-space:nowrap;

color:#2b3238;

}





.nav .select a:hover,

.nav .select li:hover a {

background: url(images/hover.gif);

padding:0 0 0 15px;

cursor: pointer;

color:#2b3238;

}



.nav .select a b{

font-weight:bold;

}



.nav .select a:hover b,

.nav .select li:hover a b {

display:block;

float:left;

padding:0 30px 0 15px;

background:url(images/hover.gif) right top;

cursor: pointer;

}



.nav .select_sub {

display:none;

}



/* IE6 only */

.nav table {

border-collapse:collapse;

margin:-1px;

font-size:1em;

width:0;

height:0;

}



.nav .sub {

display:table;

margin:0 auto;

padding:0;

list-style:none;

}



.nav .sub_active .current_sub a,

.nav .sub_active a:hover {

background:transparent;

color:#2b3238;

}



.nav .select :hover .select_sub,

.nav .current .show {

display:block;

position:absolute;

width:100%;

top:35px;

background:url(images/back.gif);

padding:0;

z-index:100;

left:0;

text-align:center;

}



.nav .current .show {

z-index:10;

}



.nav .select :hover .sub li a,

.nav .current .show .sub li a {

display:block;

float:left;

background:transparent;

padding:0 10px 0 10px;

margin:0;

white-space:nowrap;

border:0;

color:#2b3238;

}



.nav .current .sub li.sub_show a {

color:#2b3238;

cursor:default;

}



.nav .select .sub li a {

font-weight:normal;

}



.nav .select :hover .sub li a:hover,

.nav .current .sub li a:hover {

visibility:visible;

color:#73a0d2;

}















Ini Kodingnya di HTML


Spoiler for Kode di HTMLnya:







Quote:













CSS Menu Maker












Sample Menu (http://ceriwis.us/#)




Sample Menu (http://ceriwis.us/#)


Sample Menu (http://ceriwis.us/#)










































Ini Gan tampilannya di Chrome dan Firefox:

http://cdn-u.kaskus.us/35/pvihcpy0.jpg



Nah ini hasil di IE6 gk keluar gan drop downnya

http://cdn-u.kaskus.us/35/hsdtu9nr.jpg



Tolong ya Agan Master Website. Terima kasih

:ceriwislove:

</div>