ZaÅ‚óżmy, że mamy obrazek jako tÅ‚o tagu <span> oraz linkujemy go do jakiejÅ› strony.
W takim przypadku caÅ‚a linia na której znajduje siÄ™ element <span> zostanie naznaczona jako link do tego tagu. Dzieje siÄ™ tak nawet wtedy kiedy okreÅ›limy wysokość oraz szerokość dla elementu <span>
Dlaczego siÄ™ tak dzieje?
Dzieje się tak ponieważ i <span> oraz <a> tag są elementami liniowymi, co oznacza, że domyślnie wypełniają całą linię obszaru domyślnie.
Jak to naprawić?
Poprawka jest widoczna na skrypcie pod spodem, eliminuje to linkowany elementy cało liniowy do naszego elementu <span>. (W kodzie podano skrypt CSS do przykładu).
Przykład:
<span class="elementSpan" style="background-image: url(/obraz.jpg)"> </span>
</a>
Listing
.elementSpan {
width:100px;
height:100px;
display:block
}
.link {
width:100px;
display:block
}
Ranga: Administrator serwisu Punktów: 38473

