Autor Zpráva
IHN
Profil *
Zdravím
Už několik dnů řeším přesun tohoto menu,jsou v něm dvě položky: a já bych potřeboval poradit,jak tu druhou požku tzn"NECO 2" libovolne pozicovat?
Výsledkem by mělo býti menu které bude rozházené různě po ploše.
Zkusiljsem jeden způsob začlenit tu "NECO 2" do samostatneho DIV,ale to nefungovalo v Exploreru..

Děkuji za jakoukolliv odpověď vedoucí k vyřešení problému.

Link pro lepší představu:

http://jirivavru.ic.cz/menu.html

Zde jsou zdroj kody:
XHTML
<div id="menu_ram">
<ul class="menu uroven1">
<li class="polozka1">
<a href="">Neco</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">odkaz_1</a></li>
<li class="polozka2"><a href="">odkaz_2</a></li>
<li class="polozka2"><a href="">odkaz_3</a></li>
</ul>
</li>
<li class="polozka1">
<a href="">Neco2</a>
<ul class="menu uroven2">
<li class="polozka2"><a href="">odkaz_4</a></li>
<li class="polozka2"><a href="">Odkaz_5</a></li>
<li class="polozka2"><a href="">odkaz_6</a></li>
</ul>
</li>
</ul>
</div>


CSS
/*Div ve kterem budu menu includovat */
#menu_ram{
position:absolute;
top: 112px;
width: 614px;
height: auto;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
left: 190px;
}

/*zacatek menu*/

.menu
{
padding: 0;
margin: 0;
}

.menu a
{
display: block;
width: 100%;
text-align: center;
padding-top: 30px;
}

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
}

ul.uroven1 li.polozka1
{
float: left;
position: relative;
font-weight: bold;
height: 81px;
_width: 1px; /* IE */
background-image: url(images/menu_big.png);
width: 81px;
}

ul.uroven2
{
color: #2A3F00;
position: absolute;
left: 100 px;
top: 300 px;
_top: 300 px; /* IE */
width: 100px;
visibility: hidden;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
}

ul.uroven2 img
{
border: solid #368 2px;
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: left;
padding: 0 .5em .1em;
margin: 0 -.5em;
}

ul.uroven2 li.polozka2 a:hover
{
background-color: #FF00FF;
}


.menu a:hover
{
text-decoration: none;
}

ul.uroven1 li.polozka1
{
behavior: url(hover.htc);
}

ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
background-image: url(images/menu_big_hover.png);
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}
/*konec menu*/

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: