[CSS] Background - regulowanie położenia Opcje

[wujek2009]

Cześć.

Chciałbym się dowiedzieć, czy jest możliwość regulowania położenia background obrazkowego?, przejdę do kodu; może jaśniej się zrobi ;-)

[CSS] pobierz, plaintext 
div.menuTOPBar a { background: url('../img/topArrow.png') 0px 0px no-repeat; }
 
/* dla: <a href="" title="">Zwykly odnosnik</a> */
[CSS] pobierz, plaintext 

Przed tekstem "Zwykły odnośnik" ma pojawić się 'topArrow.png' - i pojawia się, tylko że obrazek jest za blisko napisu, stąd chciałbym się spytać czy jest możliwość regulowania odstępu? Na paru witrynach widziałem, że 0px 0px te wartości są dynamiczne (nawet są na minusie), ale gdy dam -15px 0px w ogóle nie wyświetla się obraz.

Czy jest możliwość wyregulowania obrazu, aby nie był zbyt blisko tekstu?
PS. Wiem, że można to w inny sposób po prostu dać IMG SRC przy odnośniku A HREF, ale chciałbym się dowiedzieć czy można za pomocą CSS uzyskać podobny efekt?

[kamil4u]

Jest dokładnie tak jak piszesz, trzeba pozmieniać 0px 0px wartości, tylko, że jak dasz px na "-" to one się jak gdyby schowają za element. Spróbuj nadać inne wartości to powinno Ci się to udać.(nie jestem pewien, ale może trzeba dodać display: block; dla <a> - ale to tylko przypuszczenia, musiałbyś spr. w Google).

[zimnydave]

jeśli chcesz aby ten obrazek topArrow.png (domyślam się że to jakaś strzałka) był przy odnośniku to użyj listy wypunktowanej.

np.

[HTML] pobierz, plaintext 
<ul>
<li><a href='#'>odnosnik 1</a></li>
<li><a href='#'>odnosnik 2</a></li>
<li><a href='#'>odnosnik 3</a></li>
</ul>
[HTML] pobierz, plaintext 

do tego css

[CSS] pobierz, plaintext 
ul
{
list-style-image:url("./adres/obrazka/topArrow.png");
}
[CSS] pobierz, plaintext 

obrazek możesz oczywiście później jeszcze spozycjonować względem odnośników i odwrotnie np w ten sposób (zmieniasz 15 px na odleglosc jaka chcesz):

[CSS] pobierz, plaintext 
a
{
margin:0 0 0 15px;
}
[CSS] pobierz, plaintext 

Ten post edytował zimnydave 2.10.2010, 20:37:48