| | |
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Autor | Správa |
---|
Registrovaný: 11.10.06 Prihlásený: 08.12.12 Príspevky: 192 Témy: 39 Bydlisko: Banská Byst... |
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
|
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 Bydlisko: Lehota pod ... | Napísal camo: 16.10.2010 18:36 | |
|
Nikde tam nemáš definované top a left pri position absolute...
|
|
Registrovaný: 11.10.06 Prihlásený: 08.12.12 Príspevky: 192 Témy: 39 Bydlisko: Banská Byst... | Napísal autor témy tomco3131: 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
|
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 Bydlisko: Lehota pod ... | Napísal camo: 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...
|
|
Registrovaný: 11.10.06 Prihlásený: 08.12.12 Príspevky: 192 Témy: 39 Bydlisko: Banská Byst... | Napísal autor témy tomco3131: 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
|
|
Registrovaný: 12.08.08 Prihlásený: 19.12.13 Príspevky: 38 Témy: 0 |
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;
|
|
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Problém s menu v HTML, XHTML, XML, CSS | 9 | 564 | 27.06.2008 18:22 hulaha | | Problem s menu v HTML, XHTML, XML, CSS | 7 | 393 | 01.07.2010 21:55 shaggy | | problem s menu v HTML, XHTML, XML, CSS | 9 | 538 | 16.12.2007 22:05 jablko05 | | Problem s menu v Webdesign | 5 | 420 | 06.07.2012 22:02 F3RY | | problem s menu v HTML, XHTML, XML, CSS | 10 | 634 | 24.02.2009 16:45 jefitto | | Menu v IE - problém v HTML, XHTML, XML, CSS | 4 | 496 | 27.08.2009 10:07 Ďuri | | Wordpress-problem s menu v Redakčné systémy | 7 | 402 | 09.06.2013 18:33 17mark | | MBR problém - nenabehne bootovacie menu v Operačné systémy Unix a Linux | 2 | 443 | 08.11.2010 18:24 davider137 | | Win 10 Search Menu problem v Operačné systémy Microsoft | 0 | 198 | 10.11.2017 18:33 Mc_Cranky | | problem s menu v IE v HTML, XHTML, XML, CSS | 8 | 526 | 27.02.2008 15:10 jablko05 | | [HELP]Problem zo select menu v PHP, ASP | 11 | 487 | 31.03.2014 11:47 TheMark147 | | Problem s menu v zozname v HTML, XHTML, XML, CSS | 8 | 473 | 17.02.2008 19:58 Creation | | Menu - problem s pseudo-elementom v HTML, XHTML, XML, CSS | 2 | 258 | 14.02.2012 19:56 tomco3131 | | Problem s menu na blu-ray v Ostatné programy | 0 | 270 | 15.11.2015 14:42 vlukas | | Problém s 3D menu v CSS v HTML, XHTML, XML, CSS | 2 | 521 | 19.10.2008 21:58 MANIAC | | Samsung NP300E5C-U01CZ - Boot menu problém v Notebooky a netbooky | 12 | 646 | 11.08.2017 13:42 JanoB |
| 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
|
|