Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Ustawienie line-height i linki z ikonami, Ikony nie mieszczą się + ustawiać globalnie line-height?
WebCM
post
Post #1





Grupa: Zarejestrowani
Postów: 375
Pomógł: 20
Dołączył: 28.07.2006

Ostrzeżenie: (0%)
-----


Element <body> ma własności:
  1. font-family: Tahoma,sans-serif;
  2. font-size: 12px;
  3. color: #313131

W wielu miejscach stosuję linki z ikonami. Wygląda to tak:
  1. <a href="adres/użytkownika" class="user">Użytkownik</a>
Takich klas jest dużo, a czasami ustawiam background-image w kodzie HTML. Kod CSS tej klasy:
  1. padding-left: 20px;
  2. background-repeat: no-repeat;
  3. background-position: -1px 50%;
  4. background-image: url(user.png)
Wszystkie ikony mają wymiary 16x16. Niestety nie wszystkie mieszczą się w pionie. Domyślna wysokość linii dla Tahoma 12px wynosi 14px. Nie da się ustawić line-height dla znacznika <a>. Pomaga tylko padding. Zatem jak globalnie rozwiązać ten problem? Pozostaje zwiększyć czcionkę?

1. Czy ustawiać globalnie w <body> wyższy line-height niż domyślny, czy tylko dla bloków tekstu?
2. Znacie lepszą czcionkę niż Tahoma 12px, która ma domyślnie większy height i ładniej wygląda?
3. Jak prawidłowo ustawiać ikony dla linków?

Ten post edytował WebCM 11.11.2010, 16:00:05


--------------------
„Jesteśmy różni, pochodzimy z różnych stron Polski, mamy różne zainteresowania, ale łączy nas jeden cel. Cel ten to Ojczyna, dla której chcemy żyć i pracować.” Roman Dmowski
Go to the top of the page
+Quote Post
Sky_walker
post
Post #2





Grupa: Zarejestrowani
Postów: 214
Pomógł: 23
Dołączył: 26.09.2005

Ostrzeżenie: (0%)
-----


Cytat(WebCM @ 11.11.2010, 15:59:18 ) *
1. Czy ustawiać globalnie w <body> wyższy line-height niż domyślny, czy tylko dla bloków tekstu?

Tylko dla klasy user? Zależy jak występują te ikony - jeśli są w środku tekstu to może ci to sypnąć odległości między liniami (ten efekt cząsto widać na forach www kiedy wstawisz emoticon w środku testu który ma wiele linii - wszystkie będą równe z wyjątkiem linii która ma uśmieszek)

Cytat(WebCM @ 11.11.2010, 15:59:18 ) *
2. Znacie lepszą czcionkę niż Tahoma 12px, która ma domyślnie większy height i ładniej wygląda?

Verdana chyba ma największą... ale tak do końca nie jestem pewien.

Cytat(WebCM @ 11.11.2010, 15:59:18 ) *
3. Jak prawidłowo ustawiać ikony dla linków?

Zobacz sobie jak ma to rozwiązana MediaWiki, np. Wikipedia, Wikia, albo podobne - tam też są ikony w środku tekstu. smile.gif Firebug i już wiesz winksmiley.jpg


--------------------
Pomogłem? Kliknij poniżej.
Dzięki! :D
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 22:37