Üst Menü Sorunum :(

[yucel88]

Arkadaşlar üst menüde bir sorunum var sizde baktığınızda farkedeceksiniz alt menüler karışıyor şuan zaten kayma oldu yeni kategori eklediğim için onıu hallederim de üst kategoriler yüzünden alt kategorilere geçemiyorum bunu nasıl halledebilirim yardım edebilirseniz sevinirim ...

www.ozyilmazotoyedek.com.tr

 

[dmsyazilim]

Sitenizin stylesheet.css ayarlarından sol box sutununun ayarları ile oynamışsınız, değişiklikleri oradan yapmanız gerekiyor.

catalog/view/theme/default/stylesheet/stylesheet.css dosyasındaki bu ayarların aşağıdaki şekilde olduğunu kontrol edin, eğer farklı ise ayarları bununla düzeltin.

#column-left {
float: left;
width: 180px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 185px;
}

 

[Gökhan TAYLAN]

/catalog/view/theme/SizinTemanız/stylesheet/stylesheet.css

Ara :

#menu > ul > li > a {

üstteki bölüm içeriğinde alttaki kodu bul

Bul :

font-size: 16px;

Değiştir :

font-size: 13px;

Menü Taşmış O yüzden Kayma Olmuş , Üst Menüye Alternatif Çözümler Sunulabilir.

 

[dmsyazilim]

/catalog/view/theme/SizinTemanız/stylesheet/stylesheet.css

Ara :

#menu > ul > li > a {

üstteki bölüm içeriğinde alttaki kodu bul

Bul :

font-size: 16px;

Değiştir :

font-size: 13px;

Menü Taşmış O yüzden Kayma Olmuş , Üst Menüye Alternatif Çözümler Sunulabilir.

Teşekkürler Üstad

 

[yucel88]

Sitenizin stylesheet.css ayarlarından sol box sutununun ayarları ile oynamışsınız, değişiklikleri oradan yapmanız gerekiyor.

catalog/view/theme/default/stylesheet/stylesheet.css dosyasındaki bu ayarların aşağıdaki şekilde olduğunu kontrol edin, eğer farklı ise ayarları bununla düzeltin.

#column-left {
float: left;
width: 180px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 185px;
}

teşekkür ederim cevap verdiğin için ama benim asıl sorunum alt menüler bir resim ekledim ordan bakıp o kısmı nasıl yapabilirim cevap verebilirseniz çok sevinirim

 

[Gökhan TAYLAN]

Vermiş Olduğumuz Bilgiler İle İlk Menü Yapısını ve Kaymayı Düzenleyiniz
Sizin Yazdığınız Sorunun Otomatik Düzeleceğini Göreceksiniz.

Sitenizin stylesheet.css ayarlarından sol box sutununun ayarları ile oynamışsınız, değişiklikleri oradan yapmanız gerekiyor.

catalog/view/theme/default/stylesheet/stylesheet.css dosyasındaki bu ayarların aşağıdaki şekilde olduğunu kontrol edin, eğer farklı ise ayarları bununla düzeltin.

#column-left {
float: left;
width: 180px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 185px;
}

teşekkür ederim cevap verdiğin için ama benim asıl sorunum alt menüler bir resim ekledim ordan bakıp o kısmı nasıl yapabilirim cevap verebilirseniz çok sevinirim

 

[yucel88]

Vermiş Olduğumuz Bilgiler İle İlk Menü Yapısını ve Kaymayı Düzenleyiniz
Sizin Yazdığınız Sorunun Otomatik Düzeleceğini Göreceksiniz.

teşekkür ederim cevap verdiğin için ama benim asıl sorunum alt menüler bir resim ekledim ordan bakıp o kısmı nasıl yapabilirim cevap verebilirseniz çok sevinirim

css teki kısımları düzenledim fakat alt menülerin karışma kısmı hala devam ediyor

 

[Gökhan TAYLAN]

Lütfen Size Gönderdiğim Bilgileri Detaylı İnceleyiniz.
Şuan Siteniz Halen Aynı Kayma Sorunu Herhangi Bir İşlem Yapılmamış
Konuya Cvp Yazan Kişilerin Vermiş Olduğu Bilgileri Karıştırmayın .
ve Tekrar Gözden Geçirin. (Hangi Bilgileri Yaptığınızı Öğrenebilirmiyim ?)

Bir Alternatif Daha Sunuyorum :

#menu > ul > li > a {
color: white;
display: block;
font-size: 11px;
line-height: 50px;
padding: 10px 3px;
position: relative;
text-decoration: none;
z-index: 6;
}

Vermiş Olduğumuz Bilgiler İle İlk Menü Yapısını ve Kaymayı Düzenleyiniz
Sizin Yazdığınız Sorunun Otomatik Düzeleceğini Göreceksiniz.

css teki kısımları düzenledim fakat alt menülerin karışma kısmı hala devam ediyor

 

[abdullah]

bence alt menü opaklığını sıfır yaparsanız sorun çözülecek.

 

[osdem66]

Vermiş Olduğumuz Bilgiler İle İlk Menü Yapısını ve Kaymayı Düzenleyiniz
Sizin Yazdığınız Sorunun Otomatik Düzeleceğini Göreceksiniz.

css teki kısımları düzenledim fakat alt menülerin karışma kısmı hala devam ediyor

Merhaba Menünüze eklediginiz kategorilerin sayısının fazaı olması sebebiyle site enini gecen kategorileriniz alt satıra gecmiş ve iki satır oluşmuş. bu üstte kalan menü öğlerinizinde alt kategorileri olması ve aşağı doğru acılması nedniyle alt satırda kalan menü öğlerinizin z-index degerinin menünün üst öğelerinin z-idex değerinden yüksek yada verilmemiş olması sebebiyle alt satırda kalan menü öğeleriniz üst satırdaki kategorilerin sarkan menünüzün, üstünde kalıyor ve siz o sarkan bölümleri tıklayamıyorsunuz..

Bunun için ul li tagı ile ul li div taglarnın z indek degerlerini ayarlamnız gerekir.

Ben bunu yurtdışında yaptıgım bir sitede başıma gelmiş ve düzenlmiştim
http://vision-homecollection.de bakabilirsiniz..
Aşağıdaki deişilkiği yapınız ancak renkleri ve arka planın degişilikten sonra kendi renginizle degiştirin
temanızn stylesheet.css acınız ve bulunuz bu kodları

#menu {
    background: none repeat scroll 0 0 #585858;
    border-bottom: 1px solid #000000;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 8px 2px #DDDDDD;
    height: 70px;
    margin-bottom: 19px;
    padding: 0 26px;
}
#menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu > ul > li {
    float: left;
    position: relative;
    z-index: 20;
}
#menu > ul > li:hover {
    background: none repeat scroll 0 0 #000000;
}
#menu > ul > li > a {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 11px;
    padding: 11px 18px;
    position: relative;
    text-decoration: none;
    z-index: 6;
}
#menu > ul > li > div {
    background: url("../image/menu.png") repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 5px;
    position: absolute;
    z-index: 5;
}
#menu > ul > li:hover > div {
    display: table;
}
#menu > ul > li > div > ul {
    display: table-cell;
}
#menu > ul > li ul + ul {
    padding-left: 20px;
}
#menu > ul > li ul > li > a {
    color: #FFFFFF;
    display: none;
    min-width: 120px;
    padding: 4px;
    text-decoration: none;
    white-space: nowrap;
}
#menu > ul > li ul > li > a:hover {
    background: none repeat scroll 0 0 #000000;
}
#menu > ul > li > div > ul > li > a {
    color: #FFFFFF;
}

Bununla degiştiriniz.

#menu {
	 background: none repeat scroll 0 0 #585858;
	border-bottom: 1px solid #000000;
	height:74px;
	
	margin-bottom: 15px;
 
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-khtml-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	-moz-box-shadow:0px 0px 5px #ccc;
	-webkit-box-shadow:0px 0px 5px #ccc;
	box-shadow:0px 0px 5px #ccc;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 0px 5px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	
}
#menu > ul > li {
 min-width:100px;
	position: relative;
	float: left;
	z-index: 20;
 
 border-left:1px dotted #C7B9A3;	
}
#menu > ul > li:hover {
	background:#4D2B19 ;
	z-index:22;
}
#menu > ul > li > a {
	font-size: 13px;
	color: #E7DFC7;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 12px 15px 11px 15px;
	z-index: 6;
	position: relative;
}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 22;
	
	padding: 5px;
	border-left: 1px solid #C7B9A3;
	border-top: 1px solid #C7B9A3;
	border-right: 1px solid #C7B9A3;
	border-bottom: 1px solid #C7B9A3;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background:#000 url('../image/menubg.png');
}
#menu > ul > li:hover > div {
	display: table;
	
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #000000;
}
#menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}