22-10-2010, 16:53
Nie pofatygowałeś się, żeby pobawić się FIREBUGiem na WP - szkoda, bo tam jest wszystko jak na dłoni... Więc zrobię to za Ciebie ten jeden raz... Może przyda się jeszcze jakiemuś leniwemu "webmasterowi".
HTML:
CSS:
Z paddingiem i innymi pierdołami pobaw się sam, a kod pisałem na szybko i nie sprawdzałem, bo nie jest mój i nie mam zamiaru robić wszystkiego za kogoś. However... powinien działać.
HTML:
Kod:
<div id="wrapper">
<ul>
<li><h2><a class="link1" href="jeden.html">jeden</a></h2></li>
<li><h2><a class="link2" href="dwa.html">dwa</a></h2></li>
<li><h2><a class="link3" href="trzy.html">trzy</a></h2></li>
</ul>
</div> <!-- end wrapper div -->
CSS:
Kod:
#wrapper ul {
list-style: none;
}
#wrapper ul li {
font-size: 14px;
font-family: verdana, geneva, sans-serif;
padding-left: 40px;
}
#wrapper ul li a.link1 {
background-image: url('gif/biznes1.gif');
background-repeat: no-repeat;
background-position: center left;
}
#wrapper ul li a.link2 {
background-image: url('gif/biznes2.gif');
background-repeat: no-repeat;
background-position: center left;
}
#wrapper ul li a.link3 {
background-image: url('gif/biznes3.gif');
background-repeat: no-repeat;
background-position: center left;
}
Z paddingiem i innymi pierdołami pobaw się sam, a kod pisałem na szybko i nie sprawdzałem, bo nie jest mój i nie mam zamiaru robić wszystkiego za kogoś. However... powinien działać.