Autor | Zpráva | ||
---|---|---|---|
_fantomas Profil |
#1 · Zasláno: 6. 1. 2014, 16:38:10
Ahoj, chtel bych když na sví stránce scrolují dolu tak menu pojede semnou... myslím že víte jak to myslím :) žíva stranka www.minemad.eu/stranka.php - doufam že to nebude naročne predelat to... tak poprosím nejake rady.
|
||
Str4wberry Profil |
#2 · Zasláno: 6. 1. 2014, 16:46:35
Fixní menu při rolování nebo stačí normálně přidat
position: fixed .
|
||
_fantomas Profil |
#3 · Zasláno: 6. 1. 2014, 16:48:37 · Upravil/a: _fantomas
no a do čeho to mam napsat? to každe tridy od menu? :D
Tu je CSS od menu, když sem tam neco daval na position fixed šlo to ale menu bylo rozbite... asi sem to špatne nejak vložil, tak mi to prosím pomuž udelat @import url(http://fonts.googleapis.com/css?family=Open+Sans); ol, ul { list-style: none; padding:0px; margin:0px; } #wrap { margin: 0 auto; } .inner { margin: 0 auto; max-width: 940px; padding: 0 40px; } .relative { position: relative; } .right { float: right; } .left { float: left; } /* HEADER */ #wrap > header { border-bottom: 6px solid #67B02F; /* Ciara pod menu */ background-color: #000000; /* Farba pozadia celeho menu */ padding-bottom: 20px; } .logo { display: inline-block; font-size: 0; padding-top:15px; } #navigation { position: absolute; right: 40px; bottom: 0px; } #menu-toggle { display: none; float: right; } /* HEADER > MENU */ #main-menu { float: right; font-size: 0; margin: 10px 0; } #main-menu > li { display: inline-block; margin-left: 30px; padding: 2px 0; } #main-menu > li.parent { background-image: url(); background-size: 7px 7px; background-repeat: no-repeat; background-position: left center; } #main-menu > li.parent > a { padding-left: 14px; } #main-menu > li > a { color: #eee; /* Farba textu v menu ked nieje aktivovana polozka */ font-size: 14px; line-height: 14px; padding: 30px 0; text-decoration:none; } #main-menu > li:hover > a, #main-menu > li.current-menu-item > a { color: #11B84C; /* Farba textu v menu ked je aktivovana polozka */ } /* HEADER > MENU > DROPDOWN */ #main-menu li { position: relative; } ul.sub-menu { /* level 2 */ display: none; left: 0px; top: 38px; padding-top: 10px; position: absolute; width: 150px; z-index: 9999; } ul.sub-menu ul.sub-menu { /* level 3+ */ margin-top: -1px; padding-top: 0; left: 149px; top: 0px; } ul.sub-menu > li > a { background-color: #333; /* Farba pozadia submenu */ border: 1px solid #444; /* Farba ramceka v sub menu */ border-top: none; color: #eee; /* Farba textu v submenu ked nieje aktivovana polozka */ display: block; font-size: 12px; line-height: 15px; padding: 10px 12px; } ul.sub-menu > li > a:hover { background-color: #2a2a2a; /* Farba pozadia sbumenu */ color: #11B84C; /* Farba textu v submenu ked je aktivovana polozka */ } ul.sub-menu > li:first-child { border-top: 5px solid #67B02F; /* Farba ciary pod menu ked je aktivovana polozka */ } ul.sub-menu ul.sub-menu > li:first-child { border-top: 5px solid #67B02F; /* Farba ciary nad submenu 2 */ } ul.sub-menu > li:last-child > a { border-radius: 0 0 2px 2px; } ul.sub-menu > li > a.parent { background-image: url(); /* Sipka v submenu 2 */ background-size: 5px 9px; background-repeat: no-repeat; background-position: 95% center; } #main-menu li:hover > ul.sub-menu { display: block; /* show the submenu */ } @media all and (max-width: 700px) { #navigation { position: static; margin-top: 20px; } #menu-toggle { display: block; } #main-menu { display: none; float: none; } #main-menu li { display: block; margin: 0; padding: 0; } #main-menu > li { margin-top: -1px; } #main-menu > li:first-child { margin-top: 0; } #main-menu > li > a { background-color: #333; border: 1px solid #444; color: #bbb; display: block; font-size: 14px; padding: 12px !important; padding: 0; } #main-menu li > a:hover { background-color: #444; } #main-menu > li.parent { background: none !important; padding: 0; } #main-menu > li:hover > a, #main-menu > li.current-menu-item > a { border: 1px solid #444 !important; color: #fff !important; } ul.sub-menu { display: block; margin-top: -1px; margin-left: 20px; position: static; padding: 0; width: inherit; } ul.sub-menu > li:first-child { border-top: 1px solid #444 !important; } ul.sub-menu > li > a.parent { background: #333 !important; } } |
||
Stalker Profil |
[#3] _fantomas
V tvém případě to můžeš udělat například takto: #wrap { margin: 0 auto; position: static; width: 100%; } #content { padding-top: 115px; } |
||
_fantomas Profil |
#5 · Zasláno: 6. 1. 2014, 23:33:23
Ahoj, díky funguje mi to jenomže namisto
#wrap { margin: 0 auto; position: static; width: 100%; sem musel dat aby to fungovalo #wrap { margin: 0 auto; position: fixed; width: 100%; |
||
Stalker Profil |
#6 · Zasláno: 7. 1. 2014, 06:55:20
Jo, máš pravdu, myslel jsem fixed :) Moje chyba. Nevím, na co jsem zase při psaní myslel. Není zač.
|
||
Časová prodleva: 10 let
|
0