21-01-2012, 21:58
(Ten post był ostatnio modyfikowany: 21-01-2012, 23:51 przez [email protected].)
Kurde napisales to w miare wyraznie ale cos niemoge pojac....
tam gdzie mam menu w css to poziome pomaranczowe
#menu
{.....
wklejam to co powiedziales?? czyli
a.menu {//czyli mam napisac #menu{
display:inline-block;
*display:inline;
width:117px;
height:50px;
text-align:cente;
font:bold 12px Arial;
color:#fff;
line-height:50px;
overflow:hidden;
background:url(podswietlony_obrazek.jpg) 0 0 no-repeat; /* 0 0 = top left */
}
a odrazu podspodem to
a.image:hover {//co zamiast tego a
??
background-position:0 -50px /* w twoim przypadku 0 -50px = left bottom, bo wysówasz obrazek o -50px w górę tak w widocznym tle widoczna była druga część grafiki */
}
a obrazek ma byc taki![[Obrazek: obraz.jpg]](http://ako.za.pl/obraz.jpg)
czy do kodu strony html mam cos dolaczyc?? sory ze takie proste pytania ale to 3 dzien z css
bo poki co jak to zrobilem to zniknelo mi cale pomaranczowe menu czyli dobrze jak sie domyslam tylko wstawil sie ten obrazek jakby jeden ale najezdzam na niego nic sienie dzieje....jesli ci to pomoze w rozwiazaniu problemu moge wrzucic na server to co zrobilem
znalazlem jeszcze taka strone cos probuje z niej wyciagnac http://www.zaradni.pl/porada/1238,jak_za_pomoca_css_i_xhtml_utworzyc_zmieniajacy_sie_przycisk ale tez puki co cos mi nie wychodzi
ehhhh siedze nad tym juz kilka godz i duuupa;/ masz moze gg jasniej bys mi to wyjasnil tak na "zywo"
??jesli masz czas
teraz znowu probowalem tego
to w htmlu w divie z menu
<a href="www.wp.pl" >
<div class="test">
</div>
</a>
a w css to
.test{
width:117px;
height:50px;
background:url(images/przed1.jpg);
}
.test:hover{
background:url(images/po1.jpg);
}
i porobic do tego osobne obrazki ale strona wyglada identycznie jak wczesniej najpierw myslalem ze to moze dziala tylko zakrywa to grafika zmenu...ale wyjebalem ja i puste czarne polepod tymi nadal nic...
Probowalem jeszcze tak w css:
a.index {
width: 175px;
height: 65px;
border: 0px;
background: url(images/index_06.gif) no-repeat;
}
a.index:hover {
width: 175px;
height: 65px;
border: 0px;
background: url(images/inny_obrazek.gif) no-repeat;
}
a w html <a class="index">jakiś tekst</a> ale nic mi to nie daje nawet sporo info o tym w necie ale jakos nie korbi mi to
tam gdzie mam menu w css to poziome pomaranczowe
#menu
{.....
wklejam to co powiedziales?? czyli
a.menu {//czyli mam napisac #menu{
display:inline-block;
*display:inline;
width:117px;
height:50px;
text-align:cente;
font:bold 12px Arial;
color:#fff;
line-height:50px;
overflow:hidden;
background:url(podswietlony_obrazek.jpg) 0 0 no-repeat; /* 0 0 = top left */
}
a odrazu podspodem to
a.image:hover {//co zamiast tego a

background-position:0 -50px /* w twoim przypadku 0 -50px = left bottom, bo wysówasz obrazek o -50px w górę tak w widocznym tle widoczna była druga część grafiki */
}
a obrazek ma byc taki
![[Obrazek: obraz.jpg]](http://ako.za.pl/obraz.jpg)
czy do kodu strony html mam cos dolaczyc?? sory ze takie proste pytania ale to 3 dzien z css

bo poki co jak to zrobilem to zniknelo mi cale pomaranczowe menu czyli dobrze jak sie domyslam tylko wstawil sie ten obrazek jakby jeden ale najezdzam na niego nic sienie dzieje....jesli ci to pomoze w rozwiazaniu problemu moge wrzucic na server to co zrobilem
znalazlem jeszcze taka strone cos probuje z niej wyciagnac http://www.zaradni.pl/porada/1238,jak_za_pomoca_css_i_xhtml_utworzyc_zmieniajacy_sie_przycisk ale tez puki co cos mi nie wychodzi
ehhhh siedze nad tym juz kilka godz i duuupa;/ masz moze gg jasniej bys mi to wyjasnil tak na "zywo"

teraz znowu probowalem tego
to w htmlu w divie z menu
<a href="www.wp.pl" >
<div class="test">
</div>
</a>
a w css to
.test{
width:117px;
height:50px;
background:url(images/przed1.jpg);
}
.test:hover{
background:url(images/po1.jpg);
}
i porobic do tego osobne obrazki ale strona wyglada identycznie jak wczesniej najpierw myslalem ze to moze dziala tylko zakrywa to grafika zmenu...ale wyjebalem ja i puste czarne polepod tymi nadal nic...
Probowalem jeszcze tak w css:
a.index {
width: 175px;
height: 65px;
border: 0px;
background: url(images/index_06.gif) no-repeat;
}
a.index:hover {
width: 175px;
height: 65px;
border: 0px;
background: url(images/inny_obrazek.gif) no-repeat;
}
a w html <a class="index">jakiś tekst</a> ale nic mi to nie daje nawet sporo info o tym w necie ale jakos nie korbi mi to