| | |
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Autor | Správa |
---|
Registrovaný: 24.02.12 Prihlásený: 13.02.15 Príspevky: 10 Témy: 3 | Napísal Cloie: 27.02.2012 18:58 | |
|
viete mi niekto s týmto poradiť? Na image som vyznačila kde sa nachádza chyba, ten rámik sa tam nezobrazí cez dve položky ale len cez jednu a tá druhá je len vyznačená. A pri nábehu keď sa rozbalí to "forum" tak mi to vytlačí poslednú položku menu "FAQ" ale vyzerá to, že to robí len skrz veľkosť lebo ak bola menšia (90px) tak sa to "FAQ" nepresunulo na druhý riadok.
.css
Kód: #menu ul { width:1090px; height:40px; position:absolute; top:160px; left:0px; border:1px solid black; opacity:0.6; background-color:#360; list-style-type: none; margin: auto; } #menu li{ float:left; width:auto; } #menu ul a { margin-top:8px; margin-left:19px; margin-right:19px; display: block; line-height: 20px; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; color: black; } #menu ul a:hover { color: #FFF; } #menu li ul { display: none; width:90px; /* Width to help Opera out */ background-color: #360; } #menu li:hover ul { display: block; position: relative; top:0px; left:0px; width:auto; margin: 0; padding: 0; } #menu li:hover li { float: none; } #menu li:hover li a { background-color: #360; border-bottom: 1px solid #fff; color: #000; } #menu li li a:hover { background-color:#2AFF00; } .html Kód: <div id="menu"> <ul> <li id="Home"><a href="#">Home</a></li> <li id="Kalendar"><a href="#">Kalendár akcií</a></li> <li id="Archiv"><a href="#">Archív hier</a></li> <li id="Uzivatelia"><a href="#">Hráči</a></li> <li id="Teamy"><a href="#">Teamy</a></li> <li id="Shopy"><a href="#">PB/Army shopy</a></li> <li id="Ihriska"><a href="#">Ihriská</a></li> <li id="Forum"><a href="#">Forum</a> <ul> <li><a href="#">SK FORUM</a></li> <li><a href="#">CZ FORUM</a></li></ul></li> <li id="FAQ"><a href="#">FAQ</a></li> </ul> </div>
printscreen:
http://uploading.sk/?v=beznzvzoz.png
|
|
Registrovaný: 23.12.10 Prihlásený: 10.09.22 Príspevky: 1056 Témy: 157 Bydlisko: KK/PP/BA | Napísal F3RY: 27.02.2012 19:46 | |
|
caw, predpokladam, ze je to template menu. Ja som mal ten isty problem, no zamkli mi temu Problem je v tom, ze si musis nadefinovat triedu pre submenu. Malo by to ist takto:
Kód: <ul class="sub-menu"> <li><a href="#">SK FORUM</a></li> <li><a href="#">CZ FORUM</a></li></ul></li> </ul>
A prisposob to css stylu...
V tom template to muselo byt a ty si to vymazala. V html kode vidno prazdne miesto, kde ta trieda bola.
_________________ HP ProBook 4530s Intel® Core™ i5-2430M (2.4GHz, 3MB, 2 jadrá)*4GB 1333MHz DDR3*ATI Mobility Radeon HD 6490 1GB + Intel HD Graphics 3000*640GB SATA 5400RPM *Windows 7 Home Premium 64 bitová verzia Lenovo IdeaPad Z50-70 Intel Core i5 4210 Haswell* NVIDIA GeForce GT 840M 4GB + Intel HD Graphics 4000*SSHD 1TB 5400 otáčok + 8GB cache*RAM 4GB* Full HD (1920 × 1080)*Windows 10 pro
Boh je reálny, pokial nebol deklarovaný ako integer |
|
Registrovaný: 24.02.12 Prihlásený: 13.02.15 Príspevky: 10 Témy: 3 | Napísal autor témy Cloie: 27.02.2012 20:06 | |
|
Vďaka, som to skúsila ale ignoruje to. Pozri:
Kód: <ul class="podmenu"> <li><a href="#">SK FORUM</a></li> <li><a href="#">CZ FORUM</a></li></ul> </li> <li id="FAQ"><a href="#">FAQ</a></li> </ul> Kód: .podmenu{ width:200px; height:100px; }
tam ten rámik podmenu berie hodnotu výšky menu... a všetko ostatné to ignoruje. Ak zmeníme výšku menu zmení sa aj výška toho rámiku v podmenu
|
|
Registrovaný: 23.12.10 Prihlásený: 10.09.22 Príspevky: 1056 Témy: 157 Bydlisko: KK/PP/BA | Napísal F3RY: 27.02.2012 20:54 | |
|
no, v css mas malo prvkov nadefinovanych. Kód: visibility: hidden; zneviditelni submenu, pokial nieje aktivne. Kód: position: absolute;
+ si ponastavuj padding, border....
_________________ HP ProBook 4530s Intel® Core™ i5-2430M (2.4GHz, 3MB, 2 jadrá)*4GB 1333MHz DDR3*ATI Mobility Radeon HD 6490 1GB + Intel HD Graphics 3000*640GB SATA 5400RPM *Windows 7 Home Premium 64 bitová verzia Lenovo IdeaPad Z50-70 Intel Core i5 4210 Haswell* NVIDIA GeForce GT 840M 4GB + Intel HD Graphics 4000*SSHD 1TB 5400 otáčok + 8GB cache*RAM 4GB* Full HD (1920 × 1080)*Windows 10 pro
Boh je reálny, pokial nebol deklarovaný ako integer |
|
Registrovaný: 24.02.12 Prihlásený: 13.02.15 Príspevky: 10 Témy: 3 | Napísal autor témy Cloie: 27.02.2012 21:16 | |
|
veľká vďaka
|
|
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| drop down menu v HTML, XHTML, XML, CSS | 9 | 886 | 20.09.2008 11:34 Blackshadow | | Drop down menu CSS v HTML, XHTML, XML, CSS | 10 | 1555 | 16.12.2009 18:46 petanorech | | dvojite drop down menu Inicializacia v JavaScript, VBScript, Ajax | 0 | 551 | 30.11.2008 23:01 miob | | Drop down menu v ASP.NET pod C# v Technológia .NET | 1 | 803 | 03.07.2011 22:14 walther | | Double Drop-Down Menus v JavaScript, VBScript, Ajax | 0 | 310 | 15.11.2011 16:03 ONLINE_SVET | | mouse down v Assembler, C, C++, Pascal, Java | 0 | 382 | 09.01.2010 16:56 Lukas1115 | | Shut down [ Choď na stránku: 1, 2 ] v PC skrinky a zdroje | 32 | 1556 | 01.03.2008 7:35 Solda | | Shuting Down PC :( v ATI/AMD grafické karty | 7 | 587 | 01.09.2007 17:12 Tomas1 | | WhiteScreen/Shut down v Notebooky a netbooky | 1 | 172 | 06.09.2014 21:58 tatko Tom | | far cry new down v Počítačové hry | 6 | 187 | 29.03.2024 11:28 shiro | | kontrola up/down internetu v Bezpečnosť a firewally | 2 | 419 | 18.03.2012 20:05 piner | | Vista down & XP stay v Operačné systémy Microsoft | 8 | 474 | 18.12.2007 0:43 prkyyynko | | Delta Force: Black Hawk Down v Počítačové hry | 3 | 528 | 20.02.2008 11:31 patqo_he | | navigacne menu - sek.menu v HTML, XHTML, XML, CSS | 2 | 491 | 15.10.2013 21:54 newbie99 | | toca race driver 3 - comp down v Počítačové hry | 1 | 1022 | 19.06.2006 16:20 Michcho | | Lumia 720 nefunkcny volume down button v Smartfóny a tablety | 3 | 208 | 04.11.2013 21:05 werwest |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|