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

Parašė Almanachas· 2010 Lap. 28 00:11:36
#2

Padaryk padingą iš apačios.. :) viso to bloko.

Parašė custOm· 2010 Lap. 28 00:11:05
#3

neiseina taip + skirtingom rezoliucijom skirtingai atrodys

Parašė Almanachas· 2010 Lap. 28 00:11:13
#4

O jeigu sucentruotum visą tą panelę? :) yra kodas.

Parašė custOm· 2010 Lap. 28 00:11:29
#5

kaip suprasti? jos abi sucentruotos gi, div id="page" visas sucentruotas... juk yra styles css
#page {
margin: 0px auto; <-- sucentravimas
}

Parašė Žmogus· 2010 Lap. 28 09:11:54
#6


#page .content {

	width: 635px;
 
	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: 335px;
 
	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;
 
}
 
 

Redagavo Žmogus· 2010 Lap. 28 09:11:11

Parašė custOm· 2010 Lap. 28 15:11:07
#7

nieko nepakeitei :D (ten px pamirsau irasyt, bet ne tame beda...)