Zvolené téma obsahuje celkem 7 odpovědí. Do diskuze (2 účastníci) se naposledy zapojil uživatel 
-
Příspěvky
-
Na webu http://streetgame.cz/ používáme šablonu Nominale. Menu, v tomto případě Secundary menu, ale vypadá dost špatně – kus je nepochopitelně odsazený na stranu, zbytek pod ním nejde bez přejetí myší ani vidět. Čím to je a jak to zpravit? :)
Druhý neviditelný řádek vznikl zřejmě proto, že se všechny odkazy do prvního zamýšleného řádku nevejdou. Zkrátím tedy texty odkazů. Proč je ale první řádek menu tak divně odsazený? Přikládám související css kód z šablony:
.menu-secondary-container {
position:relative;
height: 44px;
z-index: 300;
background: #333333;
}
.menu-secondary {}
.menu-secondary ul {
min-width: 160px;
}
/* First Level – Menu Secondary */
.menu-secondary li a {
color: #FFFEFE;
padding: 14px 15px ;
text-decoration: none;
font-family: Arial, Helvetica, Sans-serif;
font-size: 16px;
text-transform: none;
font-weight: normal;
}
.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
color: #FFFFFF;
background:#E15B0F;
outline: 0;
}
/* Child Levels – Menu Secondary */
.menu-secondary li li a {
color: #fff;
background: #E15B0F;
padding: 10px 15px;
text-transform: none;
margin: 0;
font-weight: normal;
}
.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
color: #fff;
background: #C64E0A;
outline: 0;
}
/* Arrows – Menu Secondary */
.menu-secondary a.sf-with-ul {
padding-right: 26px;
min-width: 1px;
}
.menu-secondary .sf-sub-indicator {
position: absolute;
display: block;
overflow: hidden;
right: 0;
top: 0;
padding: 14px 13px 0 0;
}
.menu-secondary li li .sf-sub-indicator {
padding: 9px 13px 0 0;
}
/* Shadows – Menu Secondary */
.wrap-menu-secondary .sf-shadow ul {
background: url(‘images/menu-secondary-shadow.png’) no-repeat bottom right;
}
zkus toto:
.menu-secondary-container {
position:relative;
height: 42px;
z-index: 300;
background: #333333;
float: left;
}
.menu-secondary li a {
color: #FFFEFE;
padding: 14px 15px ;
text-decoration: none;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
text-transform: none;
font-weight: normal;
.menu-secondary li a {
color: #FFFEFE;
padding: 14px 15px ;
text-decoration: none;
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
text-transform: none;
font-weight: normal;
}
pozor at tam nechybi ta zavorka ;-)
aha máš jich tam ještě víc toho jsem se nevšimnul ;-) ale když to po mojí úpravě malinko zkrátíš už se vejdeš ;-) na menu je to fakt moc dlouhý ;-)
pak ještě varianta dvouřádek, ale to ja asi blbý…
původní nastavení + toto
.menu-secondary-container {
position:relative;
height: 88px;
z-index: 300;
background: #333333;
float: left;
}
Super, díky moc! :)
Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.