<a> display:inline-block Problem z obramowaniem w firefox, outline
Jeśli zastosujemy styl display:inline-block i ustawimy sobie wysokość i szerokość firefox domyślnie po kliknięciu w taki link utworzy nam dookoła niego niezbyt atrakcyjne obramowanie aby sie go pozbyć wystarczy ustawić outline:0.
Przykład:
.button-right{
display:inline-block;
background:url(../images/button_right.gif) no-repeat;
width:76px;
height:80px;
}
a.button-right, a.button-right hover{
text-decoration:none;
outline: 0;
}
display:inline-block;
background:url(../images/button_right.gif) no-repeat;
width:76px;
height:80px;
}
a.button-right, a.button-right hover{
text-decoration:none;
outline: 0;
}
Listing
niema
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno