Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: HTML/CSS blogai issideste

Parašė custOm· 2010 Lap. 28 00:11:19
#1

Taigi atrodo taip :





Noriu kad atrodytu sitaip :





Styles.css :

 
#page {
	width: 1000px;
	clear: both;
	margin: 0px auto;
	border: 0px;
}
 
#page .content {
	width: 640;
	padding-left: 5px;
	background-image: url(images/contenttop.png);
	background-repeat: no-repeat;
	background-color: #999;
	margin: 5px 0px 5px 0px;
	border: 0px;
	float: left;
}
 
#page .panel {
	width: 340px;
	padding-left: 5px;
	background-image: url(images/paneltop.png);
	background-repeat: no-repeat;
	background-color: #39F;
	margin: 5px 0px 5px 0px;
	border: 0px;
	float: right;
	clear: both;
}
 


Page div'as :

 
<div id="page">
<div class="panel">
<center><h4>Categories</h4></center>
<a href="#">Software</a><br />
<a href="#">Games</a><br />
<a href="#">Films</a><br />
<a href="#">Music</a><br />
<a href="#">Other</a><br />
<hr />
</div>
<div class="panel">
<center><h4>Todays Info</h4></center>
Time: <?php echo date("H:i"); ?><br />
Date: <?php echo date("d/m/Y"); ?><br />
<hr />
</div>
<div class="panel">
<center><h4>Mini Chat</h4></center>
<center>Name:<br /><input type="text" name="name" /><br />
Message:<br /><input type="text" name="message" style="height: 50px;" /><br />
<input type="submit" value="Send" /><br /></center>
<hr />
</div>
 
<div class="content">
<center><h4>Update</h4></center>
<p>As you can see our website updated, however its still in BETA mode.</p>
</div>
<div class="content">
<center><h4>Welcome</h4></center>
<p>Welcome to <a href="#">fghfgh</a>! In here you will find lots of stuff for you and your PC. Others call this website as the Heaven of PC!</p>
</div>
</div>
 


Jei galit pakeiskit ka reikia kad pakiltu content divai, man niekaip neiseina :/

Redagavo custOm· 2010 Lap. 28 00:11:16