Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
menu i baner
#1
Witam!
Mam menu poziome z listy i css, które po najechaniu myszką rozwija się. Pod menu znajduje się baner. Gdy menu rozwija się, baner zjeżdża w dół. Będę wdzięczny za podpowiedź, jak sprawić, żeby przy rozwijaniu menu baner pozostał w tej samej pierowtnej pozycji, a rozwinięte menu znajdowało się na banerze.
Może nie do końca jasno to opisałem, więc podam przykład:
menu jak na stronie wyborcza.pl, które po rowinięciu nachodzi na element poniżej.
Z góry dziękuję za pomoc i pozdrawiam.
Odpowiedz
#2
Podaj proszę kod.
PHP i MySQL Tworzenie stron WWW Vademecum profesjonalisty Wydanie 4
- sprzedam po rozsądnej cenie, stan jak nowa.

Carpe Di Em
Odpowiedz
#3
<div>
<ul id="menu">
<li><a href="#">LINK A</a>
<ul>
<li><a href="#">LINK A1</a></li>

</ul>
</li>


<li><a href="#">LINK B</a>
<ul>
<li><a href="#">LINK B1</a></li>
<li><a href="#">LINK B2</a></li>
</ul>
</li>

<li><a href="#">LINK C</a>
<ul>
<li><a href="#">LINK C1</a></li>
<li><a href="#">LINK C2</a></li>
<li><a href="#">LINK C3</a></li>
<li><a href="#">LINK C4</a></li>
<li><a href="#">LINK C5</a></li>
<li><a href="#">LINK C6</a></li>
<li><a href="#">LINK C7</a></li>
</ul>
</li>

<li><a href="#">LINK D</a>
<ul>
<li><a href="#">LINK D1</a></li>
<li><a href="#">LINK D2</a></li>
<li><a href="#">LINK D3</a></li>
<li><a href="#">LINK D4</a></li>
</ul>
</li>
<li><a href="#">LINK E</a>
<ul>
<li><a href="#">LINK E1</a></li>
<li><a href="#">LINK E2</a></li>
<li><a href="#">LINK E3</a></li>

</ul>
</li>
</ul>

<img src="baner.jpg" alt="reklama">
</div>

i kod CSS:

#menu {
line-height: 30px;
width: 770px;
margin: 0;
padding: 0;


}

#menu li {
float: left;
list-style-type: none;

}

#menu li a {
display: block;
width: 154px;
text-align: center;
background: red;
color: white;
padding-top: 1px;
padding-bottom: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;


}

#menu li a:hover {
background: blue;
color: white;
text-decoration: none;

}

#menu li li {
float: none;

}

#menu li ul {
height: 0px;
overflow:hidden;
margin: 0;
padding: 0;

}

#menu li:hover ul {
height: auto;

}
Odpowiedz
#4
dodaj z-index: 200 do któregoś diva, zobacz na którym to będzie działało
[Obrazek: 2guxq1i.gif]
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Rozwijane menu w Bok Boshi 7 7,842 27-09-2014, 00:47
Ostatni post: Kartofelek
  [Problem] Menu [jQuery] [CSS] [HTML] EncoreCode 1 2,816 28-08-2013, 22:16
Ostatni post: msx83
  Light box menu andemel 6 6,227 19-07-2013, 12:18
Ostatni post: atp
  Superfish menu - problem z wyśrodkowaniem. Gargamel 3 3,625 13-02-2013, 19:02
Ostatni post: Kartofelek
  Menu i parametry - PILNE catalunya 8 6,501 10-12-2012, 07:26
Ostatni post: yriah

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl