Zvolené téma obsahuje celkem 3 odpovědi. Do diskuze (3 účastníci) se naposledy zapojil uživatel 
-
Příspěvky
-
Zdravím,
mohl by mi tu někdo poradit ohledně tématu jménem Halifax?
Potřeboval bych na svém webu zarovnat hlavní menu, kde se zobrazují rubriky zarovnat na střed a také bych dále potřeboval aby položky v menu, které jsou šedivým písmem byli černým, a po najetí se změnili na oranžovou barvu. Byl bych moc rád za rady, prosím.
kód menu přikládám zde :
/* TOP-MENU */
#botmenu{
background:#fff;
font-size: 20px;
overflow:hidden;
text-align: center;
border-top:1px solid black;
border-bottom:1px solid black
}
#submenu {
margin: 0px 0px 0px 0px;
padding:0px 0px;
height:40px;
}
#submenu ul {
width: auto;
float:left;
list-style: none;
margin: 0;
padding: 0 20px;
}
#submenu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
color: #666;
font-weight:700;
text-transform:uppercase;
}
#submenu li a {
color: #666;
display: block;
margin: 0;
padding: 11px 10px 11px 10px;
text-decoration: none;
position: relative;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
color: #222;
}
#submenu li a.sf-with-ul {
padding-right: 10px;
}
#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
color: #eee;
font-size:12px;
width: 148px;
margin: 0;
padding: 10px 10px;
border-bottom:1px solid #666;
border-top:1px solid #888;
border-left:1px solid #888;
border-right:1px solid #666;
position: relative;
background:#7D7D7D;
font-weight:normal;
}
#submenu ul ul li:first-child{
border-top:none;
}
#submenu ul ul li:last-child{
border-bottom:none;
}
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
background:#666;
color: #fff;
}
#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px 0px;
padding: 5px;
background:#555;
}
#submenu li ul a {
width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {
}
#submenu li ul ul {
margin: -48px 0 0 169px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}
#submenu li:hover, #submenu li.sfHover {
position: static;
}
select#mobileMenu_fabthemes{
width:100%;
padding:10px 0px;
Předem děkuji.
Pro vkládání takového dlouhého kódu používejte prosím služeb nějako pastebinu. Je to pak mnohem přehlednější. Tento kód by měl fungovat, opatřil jsem ho i komentáři, které by Vám měly další úpravy usnadnit.
Ale dával jsem ho tam :) -> http://pastebin.com/WB9DHNb7
Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.