HTML'de background üzerine form ekleme?

15-04-2014, 23:58:12

Merhaba arkadaşlar, kolay gelsin.
Bir background üzerinde form yapmam gerekiyor.
Form hazır yalnız background ortalanmış halde formu nasıl yerleştiririm çıkamadım işin içinden.

Background resmi aşağıda.

Üzerine yazılacak bilgiler de

<html>
<body bgcolor="silver">
<form><h3> Üyelik Başvuru Formu</h3>
<pre>
İsim:<input type="text" name="isim" size="25" value="Lütfen isminizi giriniz"><br>
Soyisim:<input type="text" name="soyisim" size="21" value="Lütfen soyisiminizi giriniz"><br>
E-mail:<input type="text" name="soyisim" size="22" value="Lütfen mail adresinizi giriniz"><br>
Şifre:<input type="password" name="sifre" size="24"><br>
</pre>
<b>Cinsiyet:</b><br>
Erkek:<input type="radio" name="cinsiyet">
Kadın:<input type="radio" name="cinsiyet"><br><br>
<b>Doğum Yeriniz:</b><select name="menu"> size="9">
<option value="on">Ankara</option>
<option value="on" selected>Bursa</option>
<option value="on" selected>Denizli</option>
<option value="on" selected>Kayseri</option>
<option value="on" selected>İzmir</option>
<option value="on" selected>Kahraman Maraş</option>
<option value="on" selected>Gaziantep</option>
<option value="on" selected>Mardin</option>
<option value="on" selected>Giresun</option></select><br><br>
<b>Ne tarz filmlerden hoşlanırsınız?</b><br>
<input type="checkbox" name="Aksiyon" value="Evet">Aksiyon<br>
<input type="checkbox" name="Dram" value="Evet">Dram<br>
<input type="checkbox" name="Macera" value="Evet">Macera<br>
<input type="checkbox" name="Tarihi" value="Evet">Tarihi<br><br>
<b>Mesleğiniz:</b><select name="menu" value="Seçiniz"> size="9">
<option value="on">Akademisyen</option>
<option value="on">Öğretmen</option>
<option value="on" >Öğrenci</option>
<option value="on" selected>Avukat</option>
<option value="on" >Mühendis</option>
<option value="on" >Memur</option>
<option value="on">İşçi</option>

<option value="on" >Seçiniz..</option></select>
<p><b>Neden üye olmak istiyorsunuz?</b><p>
<textarea name="Yorum" cols="30" rows="4"></textarea>
<p><input type="reset" value="Formu Sil"> <input type="reset" value="Formu Gönder"></form>
</body>
</html>

Yardımınız için şimdiden teşekkürler.

16-04-2014, 00:52:45

~~boykAa~~

Üyeliği durduruldu

Bursevi adlı üyeden alıntı: mesajı görüntüle

Üzerine yazılacak bilgiler de

<html>
<body bgcolor="silver">
<form><h3> Üyelik Başvuru Formu</h3>
<pre>
İsim:<input type="text" name="isim" size="25" value="Lütfen isminizi giriniz"><br>
Soyisim:<input type="text" name="soyisim" size="21" value="Lütfen soyisiminizi giriniz"><br>
E-mail:<input type="text" name="soyisim" size="22" value="Lütfen mail adresinizi giriniz"><br>
Şifre:<input type="password" name="sifre" size="24"><br>
</pre>
<b>Cinsiyet:</b><br>
Erkek:<input type="radio" name="cinsiyet">
Kadın:<input type="radio" name="cinsiyet"><br><br>
<b>Doğum Yeriniz:</b><select name="menu"> size="9">
<option value="on">Ankara</option>
<option value="on" selected>Bursa</option>
<option value="on" selected>Denizli</option>
<option value="on" selected>Kayseri</option>
<option value="on" selected>İzmir</option>
<option value="on" selected>Kahraman Maraş</option>
<option value="on" selected>Gaziantep</option>
<option value="on" selected>Mardin</option>
<option value="on" selected>Giresun</option></select><br><br>
<b>Ne tarz filmlerden hoşlanırsınız?</b><br>
<input type="checkbox" name="Aksiyon" value="Evet">Aksiyon<br>
<input type="checkbox" name="Dram" value="Evet">Dram<br>
<input type="checkbox" name="Macera" value="Evet">Macera<br>
<input type="checkbox" name="Tarihi" value="Evet">Tarihi<br><br>
<b>Mesleğiniz:</b><select name="menu" value="Seçiniz"> size="9">
<option value="on">Akademisyen</option>
<option value="on">Öğretmen</option>
<option value="on" >Öğrenci</option>
<option value="on" selected>Avukat</option>
<option value="on" >Mühendis</option>
<option value="on" >Memur</option>
<option value="on">İşçi</option>

<option value="on" >Seçiniz..</option></select>
<p><b>Neden üye olmak istiyorsunuz?</b><p>
<textarea name="Yorum" cols="30" rows="4"></textarea>
<p><input type="reset" value="Formu Sil"> <input type="reset" value="Formu Gönder"></form>
</body>
</html>

Yardımınız için şimdiden teşekkürler.

<html>
<style type="text/css">
body {
background: url(bg.jpg) no-repeat;
width: 600px;
height: 800px;
position: relative;
}
form {
position: absolute;
left: 33%;
top: 10%;
}
</style>
<body bgcolor="silver">
<form><h3> Üyelik Başvuru Formu</h3>
<pre>
İsim:<input type="text" name="isim" size="25" value="Lütfen isminizi giriniz"><br>
Soyisim:<input type="text" name="soyisim" size="21" value="Lütfen soyisiminizi giriniz"><br>
E-mail:<input type="text" name="soyisim" size="22" value="Lütfen mail adresinizi giriniz"><br>
Şifre:<input type="password" name="sifre" size="24"><br>
</pre>
<b>Cinsiyet:</b><br>
Erkek:<input type="radio" name="cinsiyet">
Kadın:<input type="radio" name="cinsiyet"><br><br>
<b>Doğum Yeriniz:</b><select name="menu"> size="9">
<option value="on">Ankara</option>
<option value="on" selected>Bursa</option>
<option value="on" selected>Denizli</option>
<option value="on" selected>Kayseri</option>
<option value="on" selected>İzmir</option>
<option value="on" selected>Kahraman Maraş</option>
<option value="on" selected>Gaziantep</option>
<option value="on" selected>Mardin</option>
<option value="on" selected>Giresun</option></select><br><br>
<b>Ne tarz filmlerden hoşlanırsınız?</b><br>
<input type="checkbox" name="Aksiyon" value="Evet">Aksiyon<br>
<input type="checkbox" name="Dram" value="Evet">Dram<br>
<input type="checkbox" name="Macera" value="Evet">Macera<br>
<input type="checkbox" name="Tarihi" value="Evet">Tarihi<br><br>
<b>Mesleğiniz:</b><select name="menu" value="Seçiniz"> size="9">
<option value="on">Akademisyen</option>
<option value="on">Öğretmen</option>
<option value="on" >Öğrenci</option>
<option value="on" selected>Avukat</option>
<option value="on" >Mühendis</option>
<option value="on" >Memur</option>
<option value="on">İşçi</option>
 
<option value="on" >Seçiniz..</option></select>
<p><b>Neden üye olmak istiyorsunuz?</b><p>
<textarea name="Yorum" cols="30" rows="4"></textarea>
<p><input type="reset" value="Formu Sil"> <input type="reset" value="Formu Gönder"></form>
</body>
</html>

Body içerisindeki background:url('arkaplanınyolu'); belirtin sorunsuz çalışacaktır hocam.

16-04-2014, 00:59:34

#3

Bursevi

Teşekkür ederim. Ancak bunu css olmadan yapma imkanımız yok mu?

16-04-2014, 01:23:19

~~boykAa~~

Üyeliği durduruldu

Bursevi adlı üyeden alıntı: mesajı görüntüle

Teşekkür ederim. Ancak bunu css olmadan yapma imkanımız yok mu?

<html>
<body style="background: url(bg.jpg) no-repeat;width: 600px;height: 800px;position: relative;">
<form style="position: absolute;left: 33%;top: 10%;"><h3> Üyelik Başvuru Formu</h3>
<pre>
İsim:<input type="text" name="isim" size="25" value="Lütfen isminizi giriniz"><br>
Soyisim:<input type="text" name="soyisim" size="21" value="Lütfen soyisiminizi giriniz"><br>
E-mail:<input type="text" name="soyisim" size="22" value="Lütfen mail adresinizi giriniz"><br>
Şifre:<input type="password" name="sifre" size="24"><br>
</pre>
<b>Cinsiyet:</b><br>
Erkek:<input type="radio" name="cinsiyet">
Kadın:<input type="radio" name="cinsiyet"><br><br>
<b>Doğum Yeriniz:</b><select name="menu"> size="9">
<option value="on">Ankara</option>
<option value="on" selected>Bursa</option>
<option value="on" selected>Denizli</option>
<option value="on" selected>Kayseri</option>
<option value="on" selected>İzmir</option>
<option value="on" selected>Kahraman Maraş</option>
<option value="on" selected>Gaziantep</option>
<option value="on" selected>Mardin</option>
<option value="on" selected>Giresun</option></select><br><br>
<b>Ne tarz filmlerden hoşlanırsınız?</b><br>
<input type="checkbox" name="Aksiyon" value="Evet">Aksiyon<br>
<input type="checkbox" name="Dram" value="Evet">Dram<br>
<input type="checkbox" name="Macera" value="Evet">Macera<br>
<input type="checkbox" name="Tarihi" value="Evet">Tarihi<br><br>
<b>Mesleğiniz:</b><select name="menu" value="Seçiniz"> size="9">
<option value="on">Akademisyen</option>
<option value="on">Öğretmen</option>
<option value="on" >Öğrenci</option>
<option value="on" selected>Avukat</option>
<option value="on" >Mühendis</option>
<option value="on" >Memur</option>
<option value="on">İşçi</option>
  
<option value="on" >Seçiniz..</option></select>
<p><b>Neden üye olmak istiyorsunuz?</b><p>
<textarea name="Yorum" cols="30" rows="4"></textarea>
<p><input type="reset" value="Formu Sil"> <input type="reset" value="Formu Gönder"></form>
</body>
</html>

CSS İstemiyorsan Hocam Hard Style Olarak Atarsanız Heryerde Çalışır hocam buyrun kodlar yukarda.

16-04-2014, 01:27:54

#5

Bursevi

Hocam çok teşekkür ederim (:
Gece gece iyi yetiştiniz (: