22-05-2013, 12:25
(Ten post był ostatnio modyfikowany: 22-05-2013, 12:29 przez mariusz__vip.)
Witam serdecznie,
przepraszam za brak polskich znakow. Moja strona wolno sie wczytuje, wiec zredukowalem liczbe zadan poprzez uzycie sprite'ow. Zacialem sie w momencie, kiedy trzeba te obrazki zlinkowac poniewaz kazdy z nich powinien po kliknieciu sie powiekzac.
Poprzedne dzialajace linkowanie HTML:
Aktualnie uzywany sprite w HTML:
CSS:
przepraszam za brak polskich znakow. Moja strona wolno sie wczytuje, wiec zredukowalem liczbe zadan poprzez uzycie sprite'ow. Zacialem sie w momencie, kiedy trzeba te obrazki zlinkowac poniewaz kazdy z nich powinien po kliknieciu sie powiekzac.
Poprzedne dzialajace linkowanie HTML:
Kod:
<h1><a href="images/11ex_big.jpg" rel="shadowbox;height=564;width=752"><img src="images/11ex.jpg" alt="" /></a></h1><br /><br />
Kod:
<div class="container">
<div class="success"><span class="sprite_ico"></span> </div><br />
<div class="info"><span class="sprite_ico"></span></div>
<div class="warning"><span class="sprite_ico"> </span></div>
<div class="error"><span class="sprite_ico"> </span></div>
</div>
CSS:
Kod:
div.info .sprite_ico, div.success .sprite_ico, div.warning .sprite_ico, div.error .sprite_ico {
background: url(images/male_l.jpg) no-repeat;
display: block;
width:160px;
height:507px;
line-height:190px;
margin-bottom:40px;
}
/*jeden z przykladowych obrazkow:*/
div.success {
width:160px;
height:139px;
margin-bottom:56px;
}
div.success .sprite_ico{
background-position: 0px 0px;
width:160px;
height:169px;