Witam,
Dopiero zacząłem zabawę z wordpressem i mam wielki problem.
Od tygodnia szukam i bawię sie, by wyśrodkować menu na środku strony i ni w ząb - środkuje się napis w okienkach , trochę oddala się maries, ale nic dalej... Błagam o pomoc...
poniżej przsyłam kod - .css - mam nadzieję że dobry, jak nie to powiedźcie który mam przesłąć
p.s. - prośba też o pomoc z usunieciem czarnego tła koło nagłówka
}
/*------------*/
/* Header */
/*------------*/
#wrapper {
padding: 20px 0;
}
#header {
background: #fff;
color: #fff;
-moz-box-shadow: 1px 0 2px #3F3F3F;
-webkit-box-shadow: 1px 0 2px #3F3F3F;
box-shadow: 1px 0 2px #3F3F3F;
}
.headerimg {
background: url(images/header.png) no-repeat top center;
}
#header h1, #header h2 {
font-size: 48px;
margin: 5px 10px 0;
padding: 38px 0 123px 0;
background: url(images/header-btm.png) no-repeat center bottom;
text-align: center;
line-height: 0.9;
-moz-box-shadow: 0 1px 1px #fff;
-webkit-box-shadow: 0 1px 1px #fff;
text-shadow: 0 1px 1px #fff;
}
#header-desc {
color: #ddd;
padding: 0 10px 35px;
margin: 0 auto 0;
display: block;
max-width: 600px;
text-align: center;
background: transparent url(images/header-desc.png) no-repeat bottom center;
letter-spacing: 1px;
-moz-box-shadow: 0 1px 1px #fff;
-webkit-box-shadow: 0 1px 1px #fff;
text-shadow: 0 1px 1px #fff;
}
.logo .headerimg, .logo h1, .logo h2, .logo #header-desc {
background: none !important;
}
.logo .headerimg h1, .logo .headerimg h2 {
padding: 20px 0 !important;
}
.headerimg img {
max-width: 640px;
max-height: 240px !important;
height: auto;
}
/*------------*/
/* Menu secondary */
/*------------*/
.menu-secondary {
background: #1F1F1F;
}
.menu-secondary li {
float: center;
margin: 0 auto;
position: right;
min-height: 1px;
vertical-align: bottom;
}
.menu-secondary li a {
color: #ddd
}
.menu-secondary ul {
z-index: 1500;
background: #1F1F1F;
}
.menu-secondary ul ul {
position: center;
z-index: 1600;
display: none;
}
.menu-secondary ul ul ul {
z-index: 1601;
top: 0;
left: 100%;
}
.menu-secondary li li {
width: 200px;
}
.menu-secondary li:hover {
cursor: pointer;
z-index: 1100;
}
.menu-secondary li:hover ul ul, .menu-secondary li li:hover ul ul, .menu-secondary li li li:hover ul ul {
display: none;
}
.menu-secondary li:hover ul, .menu-secondary li li:hover ul, .menu-secondary li li li:hover ul {
display: block;
}
/*------------*/
/* Menu primery */
/*------------*/
#nav {
-moz-box-shadow: 0 0 2px #555;
-webkit-box-shadow: 0 0 2px #555;
box-shadow: 0 0 2px #555;
background: #fff;
position: center;
width: 100%;
padding: 10px 0
}
#nav a {
text-align: center;
display: block;
padding: 5px 8px 8px 8px;
}
#nav ul {
padding: 0;
z-index: 500;
}
#nav ul ul {
position: absolute;
z-index: 7000;
top: auto;
display: none;
padding: 1em;
margin: 0;
background: #eee;
-webkit-box-shadow: 1px 1px 1px #BFBFBF;
-moz-box-shadow: 1px 1px 1px #BFBFBF;
box-shadow: 1px 1px 1px #BFBFBF;
}
#nav ul ul ul {
z-index: 7001;
top: 0;
left: 100%;
}
#nav li {
float: left;
position: relative;
min-height: 1px;
vertical-align: bottom;
background: #fff
}
#nav li li {
border-top: 1px #ddd solid;
margin: 0;
width: 200px;
background: none
}
#nav li li:last-child {
border-bottom: 1px #ddd solid;
}
#nav li li a {
text-align: left;
}
#nav .current_page_item a, #nav .current-menu-item a, #nav .sub-menu .current_page_item a, #nav .sub-menu .sub-menu .current-menu-item a, #nav .current-menu-ancestor a, #nav .current_page_ancestor a {
color: #000;
}
#nav .children .current-menu-item a, #nav .children .children .current-menu-item a, #nav .children .current_page_item a, #nav .children .children .current_page_item a {
color: #000
}
#nav li:hover {
cursor: pointer;
z-index: 100;
}
#nav li:hover ul ul, #nav li li:hover ul ul, #nav li li li:hover ul ul, #nav li li li li:hover ul ul {
display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
display: block;
}
Temat uważam za zakończony.
Mam już odpowiedź.
Jakby ktoś potrzebowalł:
#nav li
wywalić float:left
dodać display:inline-block;
#nav ul
dodać display:inline;
#nav
dodać text-align:center;
...