[ Príspevkov: 5 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.02.12
Prihlásený: 13.02.15
Príspevky: 10
Témy: 3 | 3
NapísalOffline : 27.02.2012 18:58 | drop-down menu

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


Offline

Užívateľ
Užívateľ
drop-down menu

Registrovaný: 23.12.10
Prihlásený: 26.03.19
Príspevky: 1055
Témy: 156 | 156
Bydlisko: KK/PP/BA
NapísalOffline : 27.02.2012 19:46 | drop-down menu

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
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.02.12
Prihlásený: 13.02.15
Príspevky: 10
Témy: 3 | 3
Napísal autor témyOffline : 27.02.2012 20:06 | drop-down menu

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


Offline

Užívateľ
Užívateľ
drop-down menu

Registrovaný: 23.12.10
Prihlásený: 26.03.19
Príspevky: 1055
Témy: 156 | 156
Bydlisko: KK/PP/BA
NapísalOffline : 27.02.2012 20:54 | drop-down menu

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
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.02.12
Prihlásený: 13.02.15
Príspevky: 10
Témy: 3 | 3
Napísal autor témyOffline : 27.02.2012 21:16 | drop-down menu

veľká vďaka


 [ Príspevkov: 5 ] 


drop-down menu



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

drop down menu

v HTML, XHTML, XML, CSS

9

700

20.09.2008 11:34

Blackshadow

V tomto fóre nie sú ďalšie neprečítané témy.

Drop down menu CSS

v HTML, XHTML, XML, CSS

10

1345

16.12.2009 18:46

petanorech

V tomto fóre nie sú ďalšie neprečítané témy.

dvojite drop down menu Inicializacia

v JavaScript, VBScript, Ajax

0

444

30.11.2008 23:01

miob

V tomto fóre nie sú ďalšie neprečítané témy.

Drop down menu v ASP.NET pod C#

v Technológia .NET

1

606

03.07.2011 22:14

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Double Drop-Down Menus

v JavaScript, VBScript, Ajax

0

151

15.11.2011 16:03

ONLINE_SVET

V tomto fóre nie sú ďalšie neprečítané témy.

Shut down

[ Choď na stránku:Choď na stránku: 1, 2 ]

v PC skrinky a zdroje

32

1276

01.03.2008 7:35

Solda

V tomto fóre nie sú ďalšie neprečítané témy.

mouse down

v Assembler, C, C++, Pascal, Java

0

299

09.01.2010 16:56

Lukas1115

V tomto fóre nie sú ďalšie neprečítané témy.

Shuting Down PC :(

v ATI/AMD grafické karty

7

477

01.09.2007 17:12

Tomas1

V tomto fóre nie sú ďalšie neprečítané témy.

WhiteScreen/Shut down

v Notebooky a netbooky

1

84

06.09.2014 21:58

tatko Tom

V tomto fóre nie sú ďalšie neprečítané témy.

kontrola up/down internetu

v Bezpečnosť a firewally

2

265

18.03.2012 20:05

piner

V tomto fóre nie sú ďalšie neprečítané témy.

Vista down & XP stay

v Operačné systémy Microsoft

8

368

18.12.2007 0:43

prkyyynko

V tomto fóre nie sú ďalšie neprečítané témy.

Delta Force: Black Hawk Down

v Počítačové hry

3

382

20.02.2008 11:31

patqo_he

V tomto fóre nie sú ďalšie neprečítané témy.

Lumia 720 nefunkcny volume down button

v Smartfóny a tablety

3

130

04.11.2013 21:05

werwest

V tomto fóre nie sú ďalšie neprečítané témy.

CPU was shut down > help :))

v Intel - Integrated Electronics

21

1102

18.12.2007 9:08

Shit

V tomto fóre nie sú ďalšie neprečítané témy.

toca race driver 3 - comp down

v Počítačové hry

1

907

19.06.2006 16:20

Michcho

V tomto fóre nie sú ďalšie neprečítané témy.

Internet drop

v Poskytovatelia internetu

3

140

08.09.2013 20:30

wolf14



© 2005 - 2019 PCforum, edited by JanoF