Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Html temos

Parašė Faitas.· 2011 Rugp. 22 19:08:44
#6
Sveikas,

Pradėsiu nuo bugų, vėliau eisiu prie kodo. :) Kalbant apie klaidas, tai būtų tokios esminės, didinant/mažinant rezoliuciją keičiasi navigacija ir jos išdėstymas, naujienos pavadinimas ir autorius nutolsta nuo kraštų bei footerio tekstas tolėja taip pat nuo kraštų. :) Tai yra todėl, kad naudoji margin/padding savybes, taip tu teisingai darai, bet... Reikėtų naudoti ir float funkcijas, jei nori, kad tekstas būtų kairėje, naudoji float: left;, jei nori, kad būtų dešinėje, naudoji float: right;. Paprastas pavyzdys:

HTML kodas:

	<div id='footer'>
 
		<div class='design'><i>DESIGN: DEIVIDAS</i></div>
 
		<div class='code'><i>CODE: FAITAS</i></div>
 
	</div>


CSS kodas:

/* Footer */
#footer {
	background-image:url('../images/footer.png');
	background-repeat: no-repeat;
	width: 666px;
	height: 51px;
	margin: 132px 0 0 0;
}
.design {
	color: white;
	font-family: Segoe UI;
	font-size: 14px;
	float: left;
	padding: 15px 0 0 15px;
}
.code {
	color: white;
	font-family: Segoe UI;
	font-size: 14px;
	float: right;
	padding: 15px 45px 0 0;
}


P.S - Čia ištraukiau iš savo koduoto varianto (kažkada mokinausi validžiai koduoti, tai dar užsiliko iš senesnių laikų). c|

Niekados nenaudok &nbsp;, tiktais kodą gadina, geriau naudok margin (jei esi apsibrėžęs div'us, o taip ir turėtų būti). :) Su headeriu taip pat gerai pasielgei, uždėdamas tekstą su html, o ne iškirpdamas (matosi, kad atsižvelgi į patarimus). Kodas dar galėtų būti tvarkingesnis.

Pastebėjau, kad ir pats validžiai koduoji. Šaunuolis. ;) Laukiam kitų darbų, bėje, pasakyk kokį editorių naudoji, patarsiu, kaip tvarkingiau kodą rašyti. ?|