Html, Css menü düzenleme yardım.

Merhaba Arkadaşlar,
Wordpresste bir menü oluşturdum. Menü çubuğunun boyutu 1200px. 6 menü var her bir menünün alanı eşit olsun istiyorum 200px nasıl yapabilirim.

menü elemanlarının genişliklerini 200px yaparsanız olması lazım yada kodları eklerseniz daha kolay yardımcı olunacaktır.

/* =Menu
--------------------------------------------------------------*/
#main-nav {
border: 1px solid #439f55;
cursor: pointer;
background: #57ad68;
color: #fff;
position: relative;

}
#main-nav li {
float: left;
position: relative;
padding: 0;
}
#main-nav a {
color: #fff;
display: block;
float: left;
font-size: 14px;
padding: 8px 12px 0 10px;
height: 32px;
}
#main-nav a:hover,#main-nav ul li.current-menu-item a,#main-nav ul li.current_page_ancestor a,#main-nav ul li.current-menu-ancestor a,#main-nav ul li.current_page_item a,#main-nav ul li:hover > a {
background: #439f55;
-ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
color: #fff;
}

#main-nav li:hover > a,#main-nav ul ul :hover > a,#main-nav a:focus {
color: #439f55;
}
/* Dropdown */
#main-nav ul li ul,
#main-nav ul li:hover ul ul,
#main-nav ul ul li:hover ul ul,
#main-nav ul ul ul li:hover ul ul,
#main-nav ul ul ul ul li:hover ul ul {
display: none;
z-index: 9999;
}
#main-nav ul li:hover ul,
#main-nav ul ul li:hover ul,
#main-nav ul ul ul li:hover ul,
#main-nav ul ul ul ul li:hover ul,
#main-nav ul ul ul ul ul li:hover ul {
display: block;
}
#main-nav ul li ul {
position: absolute;
background-color: #fff;
border-bottom: 4px solid #439f55;
top: 40px;
left: 0px;
width: 190px;
}
#main-nav ul li ul li {
float: none;
border-bottom: 1px solid #EAEAEA;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
padding: 0;
}
#main-nav ul li ul li a,
#main-nav ul li.current-menu-item ul li a,
#main-nav ul li ul li.current-menu-item a,
#main-nav ul li.current_page_ancestor ul li a,
#main-nav ul li.current-menu-ancestor ul li a,
#main-nav ul li.current_page_item ul li a {
float: none;
line-height: 21px;
font-size: 13px;
font-weight: normal;
height: 100%;
padding: 6px 10px;
color: #777;
text-transform: capitalize;
background: #fff;
border: none;

}
#main-nav ul li.current_page_item ul li a {
background: #fff;

}
#main-nav ul li.current_page_item a {
border: none;
}
#main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover {
background-color: #F9F9F9;
color: #439f55;
}
#main-nav ul li ul li ul {
left: 188px;
top: 0px;
}
#main-nav select {
display: none;
}
.main-nav li.default-menu {
display: inline-block;
}

Site linkini özelden atın yardımcı olabilirim

css kodları bunlar hocam neyi değiştirmem gerekiyor.

ßyTNT' Alıntı:

Site linkini özelden atın yardımcı olabilirim

Genişletmek için tıkla ...

hocam site yayında değil xampp ile localhost üzeinden çalışıyorum şuan

.?

main-nav a 'ya width: 200px; ekleyip deneyin

Css Kısmında menüde herhangi bir değer yoksa
menuadınız {
float:left;
width:200px;
min-width:200px;
}

Olarak css kodunu ekleyebilirsiniz

hocam herhangi bir yerde yayınlama imkanınız olursa daha kolay yardımcı olunabilir. bence bu sorunu sona bırakıp mümkünse yayına aldığınızda açarsanız konuyu çok daha kısa sürede çözüm bulursunuz.