HELP ME! Mega Menu Columns

Yiğit merhaba,

Bu şekilde yaptım ve gerçekten süper oldu fakat bir problemim var ben genişliği 135 değil 145 verdiğimde sitenin sol tarafına tamamen yaslanıyor menü ama sağ tarafta 50px boşluk kalıyor onu ne denediysem kapatamadım. Ekran görüntüsü ekliyorum.

https://db.tt/8dQUKF7f

Teşekkürler.

Teşekkürler :)

Maalesef olmadı ben Quick css tamamen yazayım size ters bir durum varsa düzeltelim.

element.style {
right: -472px;
}

Şeklinde görünüyor. Şu ekran kaydına bakabilirsen sevinirim: http://screenr.com/OlFH

.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: #e1e1e1;
}
.image-overlay {
	background: #e1e1e1;
}
.avia-icon-list .iconlist_title {
	text-transform: none;
	top: 0px;
}
.image-overlay .image-overlay-inside:before {
	position: absolute;
	border-radius: 50px;
	background: #FFF;
	height: 80px;
	width: 80px;
	line-height: 80px;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	z-index: 500;
	text-align: center;
	color: #000;
}
.image-overlay .image-overlay-inside:before {
	background-image: url('http://www.bir-gpanel.com.tr/site/wp-content/uploads/g.png');
}
.image-overlay.overlay-type-extern .image-overlay-inside:before {
	content: "";
}
.image-overlay.overlay-type-video .image-overlay-inside:before {
	content: "";
}
#header .mega_menu_title {
	width: 153px;
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
	padding: 3px 0px 3px 3px;
}
.avia-bullet {
	border-top: 0px solid transparent !important;
	border-bottom: 0px solid transparent !important;
	border-left: 0px solid green;
}
.avia_mega_div .avia_mega6 {
	right: -521px;
}

Türkiye de misiniz acaba özelden iletişim bilgilerinizi gönderebilir misiniz?

Saygılarımla.

• This reply was modified 11 years, 2 months ago by ZirveBilisim.

Yiğit merhaba,

Kullanıcı oluşturdum sana e-mail gelmiş olması lazım?

Teşekkürler.

:) Yiğit merhaba,

50px kayma vardı şimdi 150px olmulş :) Sağ taraftaki boşluk çoğalmış bende mi terslik var?

Ekran Görüntüsü: https://db.tt/qLDnvG9O

Teşekkürler.

Son durum şu şekilde,

div.avia_mega_div.avia_mega6 {
	right: -671px!important;
}
div.avia_mega_div.avia_mega6 {
	right: -685px!important; /* IE6+ */
}

Internet Explorer ile Chrome arasında farkediyor neden anlamadım ama bu şekilde düzelttim.

Yardımın için çok teşekkür ederim.

Yiğit merhaba aceleci davranıyorum hep ondan kaybediyorum :(

div.avia_mega_div.avia_mega6 {
	right: -671px!important;
}
div.avia_mega_div.avia_mega6 {
	right: -685px!important; /* IE6+ */
}

Bu şekilde yapınca Chrome bozuluyor IE düzeliyor.

div.avia_mega_div.avia_mega6 {
	right: -671px!important;
}
div.avia_mega_div.avia_mega6 {
	right: -685px; /* IE6+ */
}

Bu şekilde de chrome düzeliyor ama IE de herhangi birşey ifade etmiyor. IE ve Chrome (Firefox) için css nasıl yazacağız acaba?

Bu son isteğim teşekkür ederim :(

Yiğit merhaba,

Şu şekilde yaptığımda

div.avia_mega_div.avia_mega6 {
	right: -440.6%!important;
}

Ekran görüntüleri aşağıdaki gibi. Ne yapmam gerekiyor?

Chrome: https://db.tt/gf1ZsUsh
I Explorer: https://db.tt/Imo0lReO
Firefox Aurora: https://db.tt/2x2ypBNf

Teşekkürler.