31-07-2011, 20:36
Witam. Chce zrobic preloadera do w którym będą ładowały się obrazy przycisków menu.
Poczytałem trochę na ten temat i zrealizowałem w ten spsób który jednak nie działa. Nie wiem dlaczego...?
w pliku css stworzyłem dodatkowo
wierszy z url jest znacznie więcej.
w pliku z kodem html w znaczniku <body> przed innymi znacznikami <div>umieściłem:
Przyciski mam rozwiązane następująco:
Nie wiem co jest nie tak.Proszę o wskazówkę.
Poczytałem trochę na ten temat i zrealizowałem w ten spsób który jednak nie działa. Nie wiem dlaczego...?
w pliku css stworzyłem dodatkowo
Kod:
div#preloader{
background: #212121 url(../images/background5.jpg) no-repeat,
url(../images/banner.png) no-repeat,
url(../images/B_inne2.png) no-repeat,
url(../images/B_inne_change2.png) no-repeat,
url(../images/B_inne_onClick2.png) no-repeat;
position:absolute;
left:-9999px;
top:-9999px;
}
w pliku z kodem html w znaczniku <body> przed innymi znacznikami <div>umieściłem:
Kod:
<div id="preloader"></div>
Kod:
.button_glowna{
background: url(../images/B_glowna2.png) no-repeat;
display:block;
width:130px;
height:34px;
border:none;
outline:none;
margin-top:5px;
}
.button_glowna:hover{
background:url(../images/B_glowna_change2.png) no-repeat;
}
.button_glowna_selected{
background:url(../images/B_glowna_onClick2.png) no-repeat;
display:block;
width:130px;
height:34px;
border:none;
outline:none;
margin-top:5px;
}