Witam małe pytanko

[pk96]

Mam takie pytanko czy da się zrobić przyciski animowane jedne pionowo , drugie poziomo??
takie jak mam na stronce www.drew-kij.pl
proszę o pomoc

[Ancik]

Witaj,

Wszystko się da, tylko sprecyzuj "animowane".

Pozdrawiam.

[pk96]

hmmm.. takie same jak mam na stronie po lewej stronie tylko w poziomie, bo chcę zmienić te moje śmieszne O nas , galeria , kontakt , Oferta na takie Bardziej wpadające w oko .

bo mam taki kod:
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul {
width: 205px;
padding: 2px 2px 1px 2px;

}

ul li {
border-bottom: 2px solid #FFFFFF;
}

ul a:link, ul a:visited {
display: block;
width: 176px;
text-decoration: none;
padding: 7px;
font-weight: bold;
background-color: #27c;
color: #def;
border-left: 10px solid #25b;
}

ul a:hover {
width: 166px;
background-color: #28e;
color: #fff;
border-left: 20px solid #26d;
}

do tego bocznego menu i teraz mój problem polega na tym że nie wiem jak zrobić jeden pionowo a drugi poziomo . Bo nie wiem jak zrobić z tym ul żeby nie gryzło się pionowe z poziomym
prosiłbym o mała pomoc

[Engine]

Menu umieszczasz w DIV-e np. .menu-top, dla CSS:

Kod:

.menu-top ul, .menu-top ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
itd...

i nie będą się gryzły.

[pk96]

co źle robię ??

sekcja head
.menu-top ul, .menu-top ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.menu-top ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}

.menu-top ul li {
float: left;
}

.menu-top ul a:link, .menu-top ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("zdj/tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}

.menu-top ul a:hover {
background-color: #800;
background-image: url("zdj/tlo2.gif");
}


sekcja body
<div id=".menu-top">
<ul>
<h1><li><a href="index.html">O nas</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="oferta.html">Oferta</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="dojazd.html">Jak do nas dojechać?</a></li>
<li><a href="kontakt.html#formularz">Formularz Kontaktowy</a></h1>
</ul>
</div>

[Pedro84]

co źle robię ??

sekcja head
.menu-top ul, .menu-top ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.menu-top ul {
float: left;
background-color: #fff;
padding: 1px 0 1px 1px;
border: 1px solid #000;
}

.menu-top ul li {
float: left;
}

.menu-top ul a:link, .menu-top ul a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: #000 url("zdj/tlo.gif") repeat-x center;
color: #fff;
padding: 10px 20px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;
}

.menu-top ul a:hover {
background-color: #800;
background-image: url("zdj/tlo2.gif");
}


sekcja body
<div id=".menu-top">
<ul>
<h1><li><a href="index.html">O nas</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="oferta.html">Oferta</a></li>
<li><a href="galeria.html">Galeria</a></li>
<li><a href="dojazd.html">Jak do nas dojechać?</a></li>
<li><a href="kontakt.html#formularz">Formularz Kontaktowy</a></h1>
</ul>
</div>

Nie używasz cholernego BBCode!

A problem jakiś masz?

[pk96]

sorki ;P następny raz użyje , no nie robi mi się poziome tylko gryzie się z tym pionowym i takie pionowe się robi ;/
i zamiast jedno poziome drugie pionowe mam 2 pionowe

[Engine]

Kod:

<div id=".menu-top"> ????

<div class="menu-top">

[pk96]

no kurcze . zrobilem div class i dalej jest pionowe tylko zmieniło na kolory z poziomego ;/ co robię jeszcze nie tak ?;/

[Engine]

Pytanie tylko czy aby dobrze zmieniłeś skoro nie rozpoznajesz oznaczeń id od class.

Najlepiej to wrzuć to na hosting i daj link.