+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [Akapit] Duża litera na dwa wiersze. (/thread-akapit-duza-litera-na-dwa-wiersze)
[Akapit] Duża litera na dwa wiersze. - Damian19 - 09-10-2011
Witam jak zrobić coś takiego że mamy dużą literę np "N' i ona jest wielkości 20px i obok niej są dwa wiersze jeden pod drugim o czcionce np 12px.
Zobaczcie jak to wygląda:
![[Obrazek: akapit.png]](http://img830.imageshack.us/img830/2668/akapit.png)
Jak uzyskać coś takiego ?
RE: [Akapit] Duża litera na dwa wiersze. - mateo - 09-10-2011
Literę umieść w osobnym <p> z odpowiednim float i rozmiarem. Powinno działać.
RE: [Akapit] Duża litera na dwa wiersze. - Damian19 - 09-10-2011
Czyli jak ? bo trochę nie rozumiem. Jakiś przykład ?
RE: [Akapit] Duża litera na dwa wiersze. - Kartofelek - 09-10-2011
<p>
<span class="first">S</span>uper fajny tekst
</p>
.first {flot:left; font-size:2em; font-weight:bold;}
lub bardziej poprawnie:
http://www.w3schools.com/cssref/sel_firstletter.asp
RE: [Akapit] Duża litera na dwa wiersze. - Damian19 - 10-10-2011
Okej dzięki
RE: [Akapit] Duża litera na dwa wiersze. - Damian19 - 10-10-2011
A jeszcze mam jedno pytanie. Jak zrobić aby były dwie linijki równo z P tak jak na powyższym image ?
RE: [Akapit] Duża litera na dwa wiersze. - mateo - 10-10-2011
Dopasuj odstępy między linijkami.
RE: [Akapit] Duża litera na dwa wiersze. - Damian19 - 10-10-2011
Zastosowałem line-height i nic nie dało. Ktoś da mi jakiś przykład jak to zrobić by dwa wyrazy były równo z "P" ?
Już sobie poradziłem
Kod:
<html>
<head>
<style type="text/css">
.line:first-letter {
font-size: 250%;
float: left;
padding: 10px 5px 0 0;
}
</style>
</head>
<body>
<div class="line">
To jest pierwsza linia z "first-letter"<br>
druga linia czyli np. kontynuacja pierwszej<br>
to jest trzecia linia która jest pod "first-letter"</p>
</div>
</body>
</html>RE: [Akapit] Duża litera na dwa wiersze. - Kartofelek - 10-10-2011
line-height