Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 6 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Problém s menu

Registrovaný: 11.10.06
Prihlásený: 08.12.12
Príspevky: 192
Témy: 39
Bydlisko: Banská Byst...
Príspevok NapísalOffline : 16.10.2010 12:37

Zdravím,

mám jeden problém s výsuvným menu, trápim sa stým od rana a nejako si neviem pomôcť.

robím web na open source PRESTA, konbkretne terza robim vysovne menu http://presta.uforevue.sk

ked dáte v menu tričká, dlhý rukáv tak sa stade musí vysunúť dalšie 2 položky do zoznamu /a,b/ ale vysunie sa to len tak ako vidíte. ked pozicia nieje nastavena sedi to dobre ale vytvorí to tam medzeru cize tie polozky A,B nevidno ale text pod tym XXXX je odsadený dolu o ich výšku. takto to vypada ked mam absolute.


css:
Kód:
.chromestyle {
    font-weight: bold;
    position: absolute;
    top: 115px;
    left:10px;
    text-transform: uppercase;

}

.chromestyle:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.chromestyle ul {
    padding: 0;
    margin-left: 10px;
}

.chromestyle ul li {
    display: inline;
    line-height:24px;
    position: relative;
}

.chromestyle ul li a {
    color: #fff;
    padding: 0px 20px 0 0;
    text-decoration: none;
}

.chromestyle ul li a:hover,.chromestyle ul li a.selected {
    color: #ccc; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */
.chromestyle .dropmenudiv {
    position: absolute;
    top:0;
    left:0;
    line-height: 20px;
    margin-left: 5px;
    margin-top: 3px;
    font-weight: normal;
    z-index: 100;
    visibility: hidden;
}

.chromestyle .dropmenudiv a {
    margin-right: 13px;
    padding-left: 5px;
    width: 115px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    background:url(vysuvne.png);
}

/*Výsuvné do boku*/
.chromestyle .dropmenudiv ul ul{
    visibility: hidden;
    z-index: 598;
    width: 150px;
    margin-left:140px;
    position:absolute;
}

.chromestyle .dropmenudiv ul li:hover ul{
    visibility:visible;
    width: 150px;
}

.chromestyle .dropmenudiv ul ul li a{
    padding-left: 5px;
    font-weight: bold;
    display:block;
    text-decoration: none;
    background:url(vysuvne.png);
    width: 150px;
}





dakujem pekne za pomoc ;)


Offline

Užívateľ
Užívateľ
Problém s menu

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok NapísalOffline : 16.10.2010 18:36

Nikde tam nemáš definované top a left pri position absolute...


Offline

Užívateľ
Užívateľ
Problém s menu

Registrovaný: 11.10.06
Prihlásený: 08.12.12
Príspevky: 192
Témy: 39
Bydlisko: Banská Byst...
Príspevok Napísal autor témyOffline : 16.10.2010 19:21

to som vymazal ked som to dával, to je jedno aj ked je definvoana to robii presne to isté. a navyše kebyze ju presne definujem, tak nerobilo by to problemy pri nejakej dalsej vysuvnej polozke? neviem si pomoct skusl som uz snad vsetko :)


Offline

Užívateľ
Užívateľ
Problém s menu

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok NapísalOffline : 16.10.2010 23:42

No neviem či vieš o čom píšeš, ale position:absolute by nerobilo žiadny problém pri ďalšej položke ani s príslušnými súradnicami top a left...


Offline

Užívateľ
Užívateľ
Problém s menu

Registrovaný: 11.10.06
Prihlásený: 08.12.12
Príspevky: 192
Témy: 39
Bydlisko: Banská Byst...
Príspevok Napísal autor témyOffline : 17.10.2010 7:47

asi sa nechápeme. ked budem mat druh=é polozky výsuvné, a budú mať inú pozíciu tak pozicia pre vysuvne menu ostane takze nebude ju mat správnu /bude vyzsie nizsie/ ale proste ked definujem top a left, stále to nejde. taze v tomto problém nevidím.. a nevidim ho vlastne nikde :oops:


Offline

Užívateľ
Užívateľ
Problém s menu

Registrovaný: 12.08.08
Prihlásený: 19.12.13
Príspevky: 38
Témy: 0
Príspevok NapísalOffline : 17.10.2010 10:57

nastav na ul top a left a definuj sirku na #dropmenu5 mas tam auto.
A dalsia vec, nemozes mat DIV v LI nahrad to inline prvkom span a tomu nastav display: block;
A to ze ti nepasuju pozicie je tym ze li nastavujes display: inline; zmaz to a radsej pouzi float: left;


Odpovedať na tému [ Príspevkov: 6 ] 


Podobné témy

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

v HTML, XHTML, XML, CSS

9

564

27.06.2008 18:22

hulaha Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

7

393

01.07.2010 21:55

shaggy Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

9

538

16.12.2007 22:05

jablko05 Zobrazenie posledných príspevkov

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

v Webdesign

5

420

06.07.2012 22:02

F3RY Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

10

634

24.02.2009 16:45

jefitto Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Menu v IE - problém

v HTML, XHTML, XML, CSS

4

496

27.08.2009 10:07

Ďuri Zobrazenie posledných príspevkov

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

v Redakčné systémy

7

402

09.06.2013 18:33

17mark Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. MBR problém - nenabehne bootovacie menu

v Operačné systémy Unix a Linux

2

443

08.11.2010 18:24

davider137 Zobrazenie posledných príspevkov

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

v Operačné systémy Microsoft

0

198

10.11.2017 18:33

Mc_Cranky Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

8

526

27.02.2008 15:10

jablko05 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. [HELP]Problem zo select menu

v PHP, ASP

11

487

31.03.2014 11:47

TheMark147 Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

8

473

17.02.2008 19:58

Creation Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

2

258

14.02.2012 19:56

tomco3131 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Problem s menu na blu-ray

v Ostatné programy

0

270

15.11.2015 14:42

vlukas Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Problém s 3D menu v CSS

v HTML, XHTML, XML, CSS

2

521

19.10.2008 21:58

MANIAC Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Samsung NP300E5C-U01CZ - Boot menu problém

v Notebooky a netbooky

12

646

11.08.2017 13:42

JanoB Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra