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
