ponizej wklejam skrocony kod HTMLa
Kod
<link rel="Stylesheet" type="text/css" href="StyleMenu.css" />
<ul class="Menu1">
<li class="Menu2">Bierki
<ul class="Menu1">
<li class="Menu2">
<div style="background-color: 512222;">
<a class="menu" href="index.php?id=2">Ogólny opis</a> <br />
<a class="menu" href="index.php?id=1">Ruchy</a><br />
</div>
</li>
</ul>
</ul>
</ul>
<ul class="Menu1">
<li class="Menu2">Bierki
<ul class="Menu1">
<li class="Menu2">
<div style="background-color: 512222;">
<a class="menu" href="index.php?id=2">Ogólny opis</a> <br />
<a class="menu" href="index.php?id=1">Ruchy</a><br />
</div>
</li>
</ul>
</ul>
</ul>
a tu CSS
Kod
ul.Menu1 {
text-align:center;
padding: 0;
margin: 0;
list-style: none;
}
li.Menu2 {
display:inline;
position: relative;
width: 10em;
margin-right:2em;
text-align:left;
background-image:url(data/tlo21.jpg);
}
li.Menu2 ul.Menu1 {
display: none;
position: absolute;
left: 0;
text-align:left;
width: 10em;
}
ul.Menu1 > li.Menu2 {
top: auto;
}
li.Menu2:hover ul.Menu1{
display: block;
}
text-align:center;
padding: 0;
margin: 0;
list-style: none;
}
li.Menu2 {
display:inline;
position: relative;
width: 10em;
margin-right:2em;
text-align:left;
background-image:url(data/tlo21.jpg);
}
li.Menu2 ul.Menu1 {
display: none;
position: absolute;
left: 0;
text-align:left;
width: 10em;
}
ul.Menu1 > li.Menu2 {
top: auto;
}
li.Menu2:hover ul.Menu1{
display: block;
}
2. teraz drugi problem najlatwiej bedzie chyba jak zobaczycie na zywo o co mi chodzi link kazda z figur ma zrobionego jednego diva ogolnego aby wszystko bylo razem, pozniej jest div na tekst ktory ma ustawiony clear:left i div na obrazek ktory ma float:right no i jest problem bo jak widac ten z floatem wychodzi poza obrys tego glownego
