Çeşitli büyüklükteki birden çok başlığın ilk satırını aynı taban çizgisine hizalamanın bir yolu var mı? Ayrıca, aşağıdaki metne bakılmaksızın, aynı zamanda hizalanmalıdır., aşağıdaki metne bakılmaksızın başlıkları aynı taban çizgisine göre hizalar mı?
EDIT'e lütfen http://snapplr.com/snap/z1mw de
bakınız resmi: Yüklenen yeniden:
alt text http://img144.imageshack.us/img144/7615/screenshot2010021722h53.png
Bu tek çözüm her başlık ve ayrı DIV içine her gövde metni koymaktır bana öyle geliyor ve daha sonra bunları hizalamak için dolgu malzemesiyle veya kenar boşluğuyla oynama başlıklarıyla (örneğin H1, 0px kenar boşluğu ile 36px, H3 ise 12px üst kenar boşluğu ile 24px olacaktır). Böyle bir şey:
<html>
<head>
<style type="text/css" media="all">
div {
width: 240px;
float: left;
}
h1 {
font-size: 36px;
margin: 0;
padding: 0;
}
h3 {
font-size: 24px;
margin: 0;
padding: 10px 0 0 0; /*for some reason I must use 10px instead of 12px to align. Why??*/
}
</style>
</head>
<body>
<div>
<h1>H1 heading</h1>
</div>
<div>
<h3>H3 heading</h3>
</div>
<div>
<h3>H3 heading that is somewhat longer and spans multiple lines</h3>
</div>
<div style="clear:both;"></div>
<div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
</div>
<div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
</div>
<div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
</div>
</body>
Ama bu çok güzel bir çözüm değildir. Daha iyi bir şey var mı lütfen?
Çok teşekkür ederim!
Yığın Taşması'na Hoş Geldiniz. –
Numunenizi photoshop'ta kontrol ettim ve 12 px'e ihtiyacınız var - fontun sahip olduğu serifs nedeniyle sadece bir çeşit optik yanılsama var :) – easwee
http://img682.imageshack.us/img682/1604/optic. jpg – easwee