+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Witam małe pytanko (/thread-witam-male-pytanko)
Strony:
1
2
Witam małe pytanko - pk96 - 07-01-2011
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
RE: Witam małe pytanko - Ancik - 07-01-2011
Witaj,
Wszystko się da, tylko sprecyzuj "animowane".
Pozdrawiam.
RE: Witam małe pytanko - pk96 - 07-01-2011
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
RE: Witam małe pytanko - Engine - 07-01-2011
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.
RE: Witam małe pytanko - pk96 - 07-01-2011
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>
RE: Witam małe pytanko - Pedro84 - 07-01-2011
(07-01-2011, 18:29)pk96 napisał(a): co źle robię ??Nie używasz cholernego BBCode!
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>
A problem jakiś masz?
RE: Witam małe pytanko - pk96 - 07-01-2011
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
RE: Witam małe pytanko - Engine - 07-01-2011
Kod:
<div id=".menu-top"> ????
<div class="menu-top">RE: Witam małe pytanko - pk96 - 07-01-2011
no kurcze . zrobilem div class i dalej jest pionowe tylko zmieniło na kolory z poziomego ;/ co robię jeszcze nie tak ?;/
RE: Witam małe pytanko - Engine - 07-01-2011
Pytanie tylko czy aby dobrze zmieniłeś skoro nie rozpoznajesz oznaczeń id od class.
Najlepiej to wrzuć to na hosting i daj link.