Loading:


Klikalny link na całej szerokości strony - błąd w tagu <A > oraz <SPAN >

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:

 

<a href="www.funkcje.net" class="link">
<span class="elementSpan" style="background-image: url(/obraz.jpg)"> </span>
</a>


Napisz Artykuł

Listing

/* KOD CSS */
.elementSpan {
  width:100px;
  height:100px;
  display:block
}

.link {
  width:100px;
  display:block
}


kontakt w sprawie miejsca



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38423
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-19 v.1.5 | design: diviXdesign & rainbowcolors