OT: Z-index v css
Kosta
info na mcu.cz
Pondělí Prosinec 29 15:57:35 CET 2014
Zdravím a přeji hezké Vánoce a Nový rok
Ale k věci mám design menu v css a jedinou chybkou na kráse je ta ta
zpropadená čára na na niž ukazuje šipka
měla by jít odstranit překrytím pravého ohraničeného bloku tím opět
ohraničeným vlevo, pokud bude mít barvu ohraničení nastavenou na
na barvu pozadí a z-index větší než má ten pravý. No a nic, někde mám
evidentně botu a nevím kde
css:
.sub0 {z-index: 10; padding: 0; margin: 0}
.sub0 ul {list-style: none; padding: 0; margin: 0}
.sub0 li {z-index: 10; left: 0; width: 268px; line-height:
20px; background: #81C1F5; margin-bottom:2px; border: 1px solid
transparent; padding:3px; font-weight:bold; cursor: pointer; list-style:
none;}
.sub0 li:hover {z-index: 10; border: 1px solid #000; border-right:
1px solid #81C1F5;}
.sub0 li:hover > div{display: inline;}
.sub1 {z-index: 5; border: 1px solid #000; padding: 0;
margin: 0; display: none; position: absolute; left:281px; top:36px;
width:910px; float:left; background: #81C1F5;}
.sub1 ul {list-style: none; padding: 0; margin: 0}
.sub1 li {z-index: 5; left: 0; width: 150px; line-height:
20px; background: #81
html:
<div class='sub0'><!--ul style='list-style: none;'-->
<li><a href='#'>Vyskakovací</a>
<div class='sub1'><ul>
<li><a href='#'>11111</a>
menu se rozbaluje, to je vše OK, jen ta čárka ne a ne se ztratiti, help please
--
S pozdravem
M Kosťa Kostomlatský
------------- další část ---------------
A non-text attachment was scrubbed...
Name: menu.png
Type: image/png
Size: 2415 bytes
Desc: [žádný popis není k dispozici]
URL: <http://list.hw.cz/pipermail/hw-list/attachments/20141229/48f8de46/attachment.png>
Další informace o konferenci Hw-list