Alt alta yazılı metnin bir kısmını yana taşıma ?

28-01-2016, 15:54:21

http://sagliklirehber.com/2/form.html burada kendime bir form oluşturdum yalnız aşağı doğru çok uzadı. Ben de sağ taraftaki boşluğu kullanmak istiyorum. Yemleme Sistemi nden itibaren sağ tarafa almak istiyorum. İnternette biraz araştırdım sanırım aradığım kodu da buldum fakat uygulamada sıkıntı çekiyorum geçmiyor bir türlü. Küçük bir örnekte istediğimi yaptım
http://sagliklirehber.com/2/asd.html

fakat bunu asıl forma uygulayamıyorum rica etsem yardımcı olur musunuz?
benim denediğim ve olmayan şekil

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="TR"/>	
</head>
<body>

<form name="form" method="post" action="gonder.php">
<ul>
<li><b>İsim</b></li><br>
<li><input type="text" name="isim"></li><br><br>
<li><b>Soyisim</b></li><br>
<li><input type="text" name="soyisim"></li><br><br>
<li><b>Şehir</b></li><br>
<li><input type="text" name="sehir"></li><br><br>
<li><b>Posta Kodu</b></li><br>
<li><input type="tel" name="postakodu"></li><br><br>
<li><b>Firma İsmi</b></li><br>
<li><input type="text" name="firmaismi"></li><br><br>
<li><b>Adres</b></li><br>
<li><textarea name="adres" rows="10" cols="40"></textarea></li><br><br>
<li><b>Telefon</b></li><br>
<li><input type="tel" name="telefon"></li><br><br>
<li><b>E-Mail</b></li><br>
<li><input type="email" name="email"></li><br><br>
<li><b>Ekstra Notlar</b></li><br>
<li><textarea name="ekstra" rows="10" cols="40"></textarea></li><br><br></ul>
<ul>
<li><b>Yemleme Sistemi</b></li><br>
<li><input type="checkbox" name="spiral">Spiral Yemleme Sistemi</li><br>
<li><input type="checkbox" name="kanal">Kanal Yemleme Sistemi</li><br><br>
<li><b>Havalandırma Sistemi</b></li><br>
<li><input type="checkbox" name="fansog">Fan + Soğutma Pedi</li><br>
<li><input type="checkbox" name="fankle">Fan + Klepe</li><br>
<li><input type="checkbox" name="fansogkle">Fan + Soğutma Pedi + Klepe</li><br><br>
<li><b>Aydınlatma Sistemi</b></li><br>
<li><input type="checkbox" name="maviyesil">Mavi + Yeşil Aydınlatma</li><br>
<li><input type="checkbox" name="beyaz">Beyaz Aydınlatma</li><br><br>
<li><input type="checkbox" name="isitma">Isıtma Sistemi</li><br><br>
<li><b>Silo + Yem Nakil Sistemi</b><br>
<li><input type="checkbox" name="mekanik">Mekanik Dolum Silo</li><br>
<li><input type="checkbox" name="pnomatik">Pnomatik Dolum Silo</li><br><br>
<li><b>Kümes Eni (cm)</b></li><br>
<li><input type="number" name="en"></li><br><br>
<li><b>Kümes Boyu (cm)</b></li><br>
<li><input type="number" name="boy"></li><br><br>
<li><b>Kümes Yüksekliği (cm)</b></li><br>
<li><input type="number" name="yuk"><br></li><br></ul>
<input type="submit" name="button" value="Gönder">

</form>
</body>
</html>

ul {
                                    list-style: none outside none;
                            }

                            li {
                                    position: relative;
                                    display: inline;
                                    margin: 20px;
                            }

28-01-2016, 16:13:32

maviuan

<html>
<head>
<link rel="stylesheet" type="text/css" href="cssdosyasi.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="TR"/> 
</head>
<body>
<form name="form" method="post" action="gonder.php">
	<div id="soltaraf">
<ul>
<li><b>İsim</b></li><br>
<li><input type="text" name="isim"></li><br><br>
<li><b>Soyisim</b></li><br>
<li><input type="text" name="soyisim"></li><br><br>
<li><b>Şehir</b></li><br>
<li><input type="text" name="sehir"></li><br><br>
<li><b>Posta Kodu</b></li><br>
<li><input type="tel" name="postakodu"></li><br><br>
<li><b>Firma İsmi</b></li><br>
<li><input type="text" name="firmaismi"></li><br><br>
<li><b>Adres</b></li><br>
<li><textarea name="adres" rows="10" cols="40"></textarea></li><br><br>
<li><b>Telefon</b></li><br>
<li><input type="tel" name="telefon"></li><br><br>
<li><b>E-Mail</b></li><br>
<li><input type="email" name="email"></li><br><br>
<li><b>Ekstra Notlar</b></li><br>
<li><textarea name="ekstra" rows="10" cols="40"></textarea></li><br><br></div>
<div id="sagtaraf">
<li><b>Yemleme Sistemi</b></li><br>
<li><input type="checkbox" name="spiral">Spiral Yemleme Sistemi</li><br>
<li><input type="checkbox" name="kanal">Kanal Yemleme Sistemi</li><br><br>
<li><b>Havalandırma Sistemi</b></li><br>
<li><input type="checkbox" name="fansog">Fan + Soğutma Pedi</li><br>
<li><input type="checkbox" name="fankle">Fan + Klepe</li><br>
<li><input type="checkbox" name="fansogkle">Fan + Soğutma Pedi + Klepe</li><br><br>
<li><b>Aydınlatma Sistemi</b></li><br>
<li><input type="checkbox" name="maviyesil">Mavi + Yeşil Aydınlatma</li><br>
<li><input type="checkbox" name="beyaz">Beyaz Aydınlatma</li><br><br>
<li><input type="checkbox" name="isitma">Isıtma Sistemi</li><br><br>
<li><b>Silo + Yem Nakil Sistemi</b><br>
<li><input type="checkbox" name="mekanik">Mekanik Dolum Silo</li><br>
<li><input type="checkbox" name="pnomatik">Pnomatik Dolum Silo</li><br><br>
<li><b>Kümes Eni (cm)</b></li><br>
<li><input type="number" name="en"></li><br><br>
<li><b>Kümes Boyu (cm)</b></li><br>
<li><input type="number" name="boy"></li><br><br>
<li><b>Kümes Yüksekliği (cm)</b></li><br>
<li><input type="number" name="yuk"><br></li><br></ul></div>
<input type="submit" name="button" value="Gönder">
 
</form>
</body>
</html>

#soltaraf{
  float: left;
}
ul {
margin: 0 10px;
padding: 0;
list-style: none;
}
 
li {
display: inline;
}

28-01-2016, 16:26:31

Huskar

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

<html>
<head>
<link rel="stylesheet" type="text/css" href="cssdosyasi.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="TR"/> 
</head>
<body>
<form name="form" method="post" action="gonder.php">
	<div id="soltaraf">
<ul>
<li><b>İsim</b></li><br>
<li><input type="text" name="isim"></li><br><br>
<li><b>Soyisim</b></li><br>
<li><input type="text" name="soyisim"></li><br><br>
<li><b>Şehir</b></li><br>
<li><input type="text" name="sehir"></li><br><br>
<li><b>Posta Kodu</b></li><br>
<li><input type="tel" name="postakodu"></li><br><br>
<li><b>Firma İsmi</b></li><br>
<li><input type="text" name="firmaismi"></li><br><br>
<li><b>Adres</b></li><br>
<li><textarea name="adres" rows="10" cols="40"></textarea></li><br><br>
<li><b>Telefon</b></li><br>
<li><input type="tel" name="telefon"></li><br><br>
<li><b>E-Mail</b></li><br>
<li><input type="email" name="email"></li><br><br>
<li><b>Ekstra Notlar</b></li><br>
<li><textarea name="ekstra" rows="10" cols="40"></textarea></li><br><br></div>
<div id="sagtaraf">
<li><b>Yemleme Sistemi</b></li><br>
<li><input type="checkbox" name="spiral">Spiral Yemleme Sistemi</li><br>
<li><input type="checkbox" name="kanal">Kanal Yemleme Sistemi</li><br><br>
<li><b>Havalandırma Sistemi</b></li><br>
<li><input type="checkbox" name="fansog">Fan + Soğutma Pedi</li><br>
<li><input type="checkbox" name="fankle">Fan + Klepe</li><br>
<li><input type="checkbox" name="fansogkle">Fan + Soğutma Pedi + Klepe</li><br><br>
<li><b>Aydınlatma Sistemi</b></li><br>
<li><input type="checkbox" name="maviyesil">Mavi + Yeşil Aydınlatma</li><br>
<li><input type="checkbox" name="beyaz">Beyaz Aydınlatma</li><br><br>
<li><input type="checkbox" name="isitma">Isıtma Sistemi</li><br><br>
<li><b>Silo + Yem Nakil Sistemi</b><br>
<li><input type="checkbox" name="mekanik">Mekanik Dolum Silo</li><br>
<li><input type="checkbox" name="pnomatik">Pnomatik Dolum Silo</li><br><br>
<li><b>Kümes Eni (cm)</b></li><br>
<li><input type="number" name="en"></li><br><br>
<li><b>Kümes Boyu (cm)</b></li><br>
<li><input type="number" name="boy"></li><br><br>
<li><b>Kümes Yüksekliği (cm)</b></li><br>
<li><input type="number" name="yuk"><br></li><br></ul></div>
<input type="submit" name="button" value="Gönder">
 
</form>
</body>
</html>

#soltaraf{
  float: left;
}
ul {
margin: 0 10px;
padding: 0;
list-style: none;
}
 
li {
display: inline;
}

http://sagliklirehber.com/2/form.html bu hale geldi hocam :S css kodların sagtaraf göremedim normalde kullanmışsınız ama

edit: tamam css dosyasının adını değiştirmişsiniz sonradan farkettim. Çok teşekkür ederim ilgi ve alakanız için

28-01-2016, 16:31:55

#4

maviuan

html ile css aynı directoryde mi acaba ona dikkat et.

Edit: Rica ederim, kolay gelsin.