Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> line-height
smiady
post
Post #1





Grupa: Zarejestrowani
Postów: 137
Pomógł: 2
Dołączył: 2.07.2007
Skąd: Ostrzeszów

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

Witam.

Mam taki kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. 	<head>
  4. 		<meta charset="utf-8" />
  5. 		<style type="text/css">
  6. 			body {
  7. 				width: 960px;
  8. 				margin: 10px auto;
  9. 				background: #eee;
  10. 			}
  11.  
  12. 			h1, h2, h3 {
  13. 				margin: 10px 0;
  14. 			}
  15.  
  16. 			h1 {
  17. 				line-height: 120px;
  18. 				font-size: 120px;
  19. 			}
  20. 			h2 {
  21. 				font-size: 100px;
  22. 				line-height: 100px
  23. 			}
  24. 			h3 {
  25. 				font-size: 42px;
  26. 				line-height: 42px;
  27. 			}
  28. 		</style>
  29. 	</head>
  30. 	<body>
  31. 		<h1>Pierwsza linijka</h1>
  32. 		<h2>Druga linijka</h2>
  33. 		<h3>Trzecia linijka</h3>
  34. 	</body>
  35. </html>
[HTML] pobierz, plaintext


Kod przedstawia trzy linijki, ale niestety nie mają one równego odstępu. Winowajcą jest line-heigth, a dokładnie jego interlinia.
Z tego co wiadomo wysokość line-height składa się z wielkości czcionki i interlinii. Wydawało mi się, że jak line-height ustawi się na wielkość czcionki to zniknie interlinia, a tak się nie dzieje.
Co zrobić ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
kafowi
post
Post #2





Grupa: Zarejestrowani
Postów: 75
Pomógł: 20
Dołączył: 13.02.2015

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

Cytat(smiady @ 1.03.2015, 14:27:51 ) *
Z tego co wiadomo wysokość line-height składa się z wielkości czcionki i interlinii. Wydawało mi się, że jak line-height ustawi się na wielkość czcionki to zniknie interlinia, a tak się nie dzieje.

Uczono mnie, że interlinia to odległość między dolną częścią linijki, a górną kolejnej linijki.
Poprawne stwierdzenie: Interlinia == line-height.
Niepoprawne stwierdzenie: line-height == font-size+interlnia(line-height)

Cytat(smiady @ 1.03.2015, 14:27:51 ) *
Co zrobić ?

Zależy co chcesz osiągnąć.

===@edycja@===
Masz częściowo rację, kwestia spolszczenia.

Ten post edytował kafowi 1.03.2015, 17:00:21
Go to the top of the page
+Quote Post
smiady
post
Post #3





Grupa: Zarejestrowani
Postów: 137
Pomógł: 2
Dołączył: 2.07.2007
Skąd: Ostrzeszów

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

Cytat(kafowi @ 1.03.2015, 15:43:43 ) *
Niepoprawne stwierdzenie: line-height == font-size+interlnia(line-height)


Mylisz się to jest poprawne stwierdzenie z świeżo zakupionej ksiązki o HTMLu zaznacz sobie tekst i widać - interlina to wolna przestrzeń między czcionką, a górną krawędzią.

A to co chce osiągnąć to równe odstępy pomiędzy h1, h2, h3 - pozbywając się interlinii.

Ten post edytował smiady 1.03.2015, 15:54:16
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 23:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn