Autor | Zpráva | ||
---|---|---|---|
jefitto44 Profil |
#1 · Zasláno: 11. 11. 2013, 12:33:37
Zdravíčko. Robím jednu stránku vo Wordpresse www.socialis.sk a mám problém. Chcel by som to urobiť tak, že tam, ako je to menu, tak po ľavej i pravej strane celého toho objektu by bola 4px hrubá čiara, ktorá by vlastne ohraničovala to menu a potom by pokračovala okolo jednotlivého #content príspevku. Problém je však ten, že padding, ani margin mi na to akosi nechce fungovať. Upravujem čisto iba CSS, pomocou
padding- left 4px solid #farba; ale nefunguje ani jedno, ani druhé
#access { background: #daa520; display: block; float: left; margin: 0 auto; width: 940px; padding-left: 4px solid #d2b48c; NEFUNGUJE padding-right: 4px solid #d2b48c; NEFUNGUJE } #access .menu-header, div.menu { font-size: 13px; margin-left: 12px; width: 928px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float: left; position: relative; } #access a { font-weight: bold; color: #000; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; } #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: #ffdead; line-height: 1em; padding: 10px; width: 160px; height: auto; } #access li:hover > a, #access ul ul :hover > a { background: #a0522d; color: #000; font-weight: bold; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; } * html #access ul li.current_page_item a, * html #access ul li.current_page_ancestor a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #fff; } |
||
maks Profil |
#2 · Zasláno: 11. 11. 2013, 12:41:00
|
||
Časová prodleva: 3 dny
|
|||
jefitto44 Profil |
#3 · Zasláno: 14. 11. 2013, 08:14:39
Už baví
|
||
Časová prodleva: 10 let
|
0