Arkadaşlar bir sayfa oluşturdum, üste ve yana menü ekledim, logo ekledim ve bir form ekledim.
Bu formu sayfanın ortasına nasıl hizalarım? gördüğünüz gibi sol tarafta duruyor.
Kodlar;
<html>
<head>
<title> Market</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-9">
<link rel="stylesheet" type="text/css" href="default.css" />
<style type="text/css">
a.style1:link{color:#FFFFFF;text-decoration: none;}
a.style1:visited{color:#FFFFFF;text-decoration: none;}
a.style1:hover{color:#FFFFFF;text-decoration: none;}
a.style1:active{color:#FFFFFF;text-decoration: none;}
a.style2:link{color:#969696;text-decoration: none;}
a.style2:visited{color:#969696;text-decoration: none;}
a.style2:hover{color:#969696;text-decoration: none;}
a.style2:active{color:#969696;text-decoration: none;}
</style>
</head>
<body>
<div id="image1" style="position:absolute; overflow:hidden; left:181px; top:103px; width:748px; height:20px; z-index:0"><img src="images/line.gif" alt="" title="" border=0 width=748 height=20></div>
<div id="shape1" style="position:absolute; overflow:hidden; left:478px; top:80px; width:82px; height:5px; z-index:1"><img border=0 width="100%" height="100%" alt="" src="images/shape52394328.gif"></div>
<div id="shape2" style="position:absolute; overflow:hidden; left:585px; top:80px; width:73px; height:5px; z-index:2"><img border=0 width="100%" height="100%" alt="" src="images/shape52394328.gif"></div>
<div id="shape3" style="position:absolute; overflow:hidden; left:688px; top:81px; width:96px; height:5px; z-index:3"><img border=0 width="100%" height="100%" alt="" src="images/shape52394328.gif"></div>
<div id="shape4" style="position:absolute; overflow:hidden; left:797px; top:82px; width:70px; height:5px; z-index:4"><img border=0 width="100%" height="100%" alt="" src="images/shape52394328.gif"></div>
<div id="shape5" style="position:absolute; overflow:hidden; left:177px; top:122px; width:197px; height:127px; z-index:5; background-image:url('images/nav1.gif')"></div>
<div id="text1" style="position:absolute; overflow:hidden; left:211px; top:133px; width:154px; height:167px; z-index:6">
<div class="wpmd">
<div><font color="#969696" face="Tahoma" class="ws9"><B><a href="index.php">Ana Sayfa</a></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><BR></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><a href="urunler.php">Ürün Listesi</a></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><BR></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><a href="urunekle.php">Ürün Ekle</a></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><BR></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><a href="iletisim.php">İletişim</a></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><BR></B></font></div>
<div><font color="#969696" face="Tahoma" class="ws9"><B><BR></B></font></div>
</div></div>
<div id="shape6" style="position:absolute; overflow:hidden; left:177px; top:684px; width:763px; height:27px; z-index:7"><img border=0 width="100%" height="100%" alt="" src="images/shape52394343.gif"></div>
<div id="text5" style="position:absolute; overflow:hidden; left:475px; top:57px; width:501px; height:34px; z-index:8">
<div class="wpmd">
<div><font color="#969696" face="Verdana" class="ws12"><a href="index.php">Ana Sayfa</a> <a href="urunler.php">Ürünler</a> <a href="urunekle.php">Ürün Ekle</a> <a href="iletisim.php">İletişim</a> </font></div>
</div></div>
<div id="image2" style="position:absolute; overflow:hidden; left:177px; top:6px; width:267px; height:108px; z-index:9"><img src="images/banner.png" alt="" title="" border=0 width=267 height=108></div>
</body>
</html>
<?php include("baglanti.php"); ?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP Form İşlemleri</title>
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<style>
body {
background:#f4f4f4;
}
#genel {
width:940px;
height:600px;
margin:0 auto;
}
#form {
margin-left:300px;
margin:50px;
}
#form label {
float:left;
padding:5px;}
</style>
</head>
<body>
<div id="genel">
<form id="form" action="gonder.php" method="post" >
<label>İsim: </label> <input name="isim" style="margin-left:60px;" type="text" placeholder="İsminizi Yazınız..." required><br><br>
<label>Soyisminiz: </label> <input style="margin-left:20px;" name="soyisim" type="text" placeholder="Soyadınızı Yazınız.." required><br><br>
<label>E-Posta: </label> <input style="margin-left:35px;" name="eposta" type="email" placeholder="E-Posta Adresinizi Yazınız.." required><br><br>
<label>Doğum Yılınız: </label> <select name="yas"><?php $tarih=2000; while($tarih >= 1950){echo "<option>$tarih</option>"; $tarih--;} ?></select><br><br>
<button type="submit" class="btn">Bu Verileri Kaydet</button>
</form>
</div>
</body>
</html>