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...)