ugrás a tartalomhoz

Padding-left vs. Text-indent? (hiba)

superman · 2011. Jan. 31. (H), 00.11
Kész a weboldal terv, teljesen. Az egyetlen bug, hogy az összes tartalmi szelektornál a Padding-left: 35px; utasítás ellenére csak és kizárólag az első sort húzza be, a többit nem.

.fontTheme
{
	font-family: Calibri;
	font-size: 25px;
	color: #ee6d6d;
	padding-left: 35px;
	padding-bottom: 20px;
}

.fontBoxTheme
{
	font-family: Calibri;
	font-size: 25px;
	color: #ee6d6d;
	padding-left: 70px;
	padding-bottom: 20px;
}

.fontBoxContents
{
	font-family: Calibri;
	font-size: 16px;
	color: #ffffff;
	padding-left: 70px;
	padding-right: 30px;
}

.fontContents
{
	font-family: Calibri;
	font-size: 20px;
	color: #353535;
	padding-left: 35px;;
}

.fontFooter
{
	font-family: Calibri;
	font-size: 15px;
	color: #353535;
	padding-left: 35px;
	padding-top: 10px;
}
HTML

	<div id="container">
		<div id="header">
			<span class="fontBanner">Név</span>
			<span class="fontNavigation">
				<a href="#">Menü1</a>
				<a href="#">Menü2</a>
				<a href="#">Menü3</a>
				<a href="#">Menü4</a>
				<a href="#">Menü5</a></span>
		</div>
		<div id="contents">
			<div id="leftSide">
				<span class="fontTheme">Hírek</span></br>
				<span class="fontContents">ITT VAN A FŐ HIBA!</span>
			</div>
			<div id="rightSide">
				<div id="boxTop"></div>
				<div id="boxContent">
					<span class="fontBoxTheme">Elérhetőségek</span></br>
					<span class="fontBoxContents">ITT VAN A FŐ HIBA!x2</span>
				</div>
				<div id="boxBottom"></div>
			</div>
		</div>
		<div id="footer">
			<span class="fontFooter">Záró</span></br><span class="fontFooter">Menük.</span>

		</div>
	</div>
‹ JS kereső billentyűzettel! PDF dokumentum bizonyos formázásainak megjelenítése TEXTAREA elemben ›
 ■
1

Block level

janoszen · 2011. Jan. 31. (H), 00.19
Az lesz itt a baj, hogy a fontContents és a fontBoxContents nem block level, hanem inline elemek. Inline elemeknek egy csomó tulajdonságát nem tudod állítani. Ha ilyet szeretnék, vagy állítsd a körülvevő divek paddingját, vagy állítsd be őket display:block-ra.