Irena
Derwis-Parczewsk
a
usługi biurowe,
doradztwo techniczne
Temat: Menu poziome - jak dodać funkcję rozwijania.
Prosty free szablon, już nieco dopieszczony. Niestety menu nie jest oparte o <ul> i nie potrafię zmusić go do rozwijania.HTML
<p class="toptabs">
<strong class="hide">MENU</strong>
<a class="toptab active" href="index.html">Home</a><span class="hide"> | </span>
<a class="toptab" href="Oferta.html">Oferta</a><span class="hide"> | </span>
<a class="toptab" href="Kontakt.html">Kontakt</a><span class="hide"> | </span>
</p>
CSS
.toptabs
{clear:both; font-size:1.4em; line-height:1.5em; color:#aaa; margin:0 0 15px 0; }
.toptab
{padding:3px 10px 5px 10px; font-weight:400; margin:0 2px; color:#444; border: solid 1px #444; border-radius: 15px;}
.toptab:hover
{background-color:#444; color:#009999; text-decoration:none;}
.active
{background-color:#444; color:#009999;}
.active:hover
{background-color:#444; color: #009999;}
Wygląda to nieźle i nie chcę przerabiać na menu oparte na liście. Jeśli ktoś ma pomysł jak dodać rozwijanie bez zmiany podstawowej konstrukcji to będę dozgonnie wdzięczna.