Tüm Forumlar

Tüm Forumlar
Web Tasarım - Programlama
Tasarım ve grafik
Web Tasarım ve Hazır Kodlar
Bu Konuda

Şimdi Ara

Width değeri verince öğeler kayıyor

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Kuashidai Mini Kamera Dedektörü Mikro Kamera Bulucu Otel Anti Açık Çekim Casus Kamera Kızılötesi Dedektörü : Amazon.com.tr: Elektronik https://www.amazon.com.tr/dp/B09BYYNZF3 18 sa. önce paylaşıldı

MARISOL Marka MRS Milano C07 FÜME KEMİK Cerceve PEMBE Cam Güneş Unisex Gözlügü : Amazon.com.tr: Moda https://www.amazon.com.tr/dp/B0CGMFNFJ5 14 sa. önce paylaşıldı

Wera 05051011001 Kraftform XXL 2, 12 parça : Amazon.com.tr: Yapı Market https://www.amazon.com.tr/dp/B003B7VQMK 13 sa. önce paylaşıldı

Marısol Mrs Milano C07 Unısex Güneş Gözlüğü Fiyatları ve Özellikleri https://www.n11.com/urun/marisol-mrs-milano-c07-unisex-gunes-gozlugu-43284268 13 sa. önce paylaşıldı

Apple Watch Seri 3 GPS 42 mm Uzay Grisi Alüminyum Kasa ve Siyah Spor Kordon - MTF32TU/A https://www.gurgencler.com.tr/apple-watch-seri-3-gps-42-mm-uzay-grisi-aluminyum-kasa-ve-siyah-spor-kordon-mtf32tu-a 2 sa. önce paylaşıldı

Box&Box Katlanabilir Kumaş Kamp ve Piknik Masası, Siyah, Geniş Model, 73 x 55 x 48 cm Fiyatı ve Özellikleri | Her Şey Yanımda https://www.vodafone.com.tr/her-sey-yanimda/p/box-box-katlanabilir-kumas-kamp-ve-piknik-masasi-siyah-genis-model-73-x-55-x-48-cm- geçen hafta paylaşıldı

Troy Elalh T 26015 Mini Led Çalışma Lambası : Amazon.com.tr: Yapı Market https://www.amazon.com.tr/dp/B079H7NWM1 geçen ay paylaşıldı

{{Title}} {{Description}} {{Price}} {{PriceUnit}} {{DiscountInformation}}

Bu Konudaki Kullanıcılar:

1 Misafir - 1 Masaüstü

5 sn

5
Cevap

0
Favori

95
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konudaki Resimler

Mesaj Tarihine Göre En Beğenilen Son Ekleneneler

Seçimimi Hatırla

Mesaj Tarihine Göre

Mesaj Tarihine Göre
En Beğenilenler
Son Eklenenler

Konuya Özel

Favorilerime Ekle
Konuyu Açandan
Popüler Mesajlar
Linkli Mesajlar
Yazdır
E-Posta Aboneliği
Konuyu Gizle

0 oy

Öne Çıkar

x İlgini çekti mi?
Öne çıkar, anasayfada
daha üstte görünsün.
Daha Fazla Bilgi

Cevapla

Tüm Forumlar >> Web Tasarım - Programlama >> Tasarım ve grafik >> Web Tasarım ve Hazır Kodlar >> Width değeri verince öğeler kayıyor | DonanımHaber Forum

Sayfa: 1

Giriş

Mesaj

webandyazilimprofesor

Yüzbaşı

380 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"yüzbaşı": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

24 Şubat 2018 19:42:18 Konu Sahibi

Mesaj Linkini Kopyala
Şikayet

Merhaba,

arkadaşlar öğeye width değeri verince diğer öğelerde kayma oluyor.

Width değeri vermeden önce :

Width değeri verince :

Kodlar ise şöyle :

<input type="text" class="kadt" name="kad" placeholder="Ad" style="position: relative;top: -1530px;left: 150px;height: 20px;width: 350px;">
	<input type="text" class="ksoyadt" name="ksoyad" placeholder="Soyad" style="position: relative;top: -1490px;left: -208px;height: 20px;width: 350px;">
	<input type="text" class="kkult" name="kkul" placeholder="Kullanıcı adı" style="position: relative;top: -1450px;left: -566px;height: 20px;width: 350px;">
	<input type="password" class="ksifret" name="ksifre" placeholder="Şifre" style="position: relative;top: -1435px;left: 150px;height: 20px;width: 350px;">
	<input type="password" class="ksifrett" name="ksifret" placeholder="Şifre (tekrar)" style="position: relative;top: -1395px;left: -208px;height: 20px;width: 350px;">
	<input type="text" class="kemailt" name="kemail" placeholder="E-mail" style="position: relative;top: -1350px;left: -566px;height: 20px;[b]width: 350px;[/b]">

<div id="kl" style="font-family: cursive;position: relative;top: -1650px;left: 30px;font-size: 30px;">
	Kayıt Formu
</div>

<div id="kadl" style="position: relative;top: -1615px;left: 40px;">
	Ad : 
</div>

<div id="ksoyadl" style="position: relative;top: -1592.5px;left: 40px;">
	Soyad : 
</div>

<div id="kkull" style="position: relative;top: -1570px;left: 40px;">
	Kullanıcı adı : 
</div>

<div id="ksifrel" style="position: relative;top: -1550px;left: 40px;">
	Şifre : 
</div>

<div id="ksifretl" style="position: relative;top: -1530px;left: 40px;">
	Şifre (tekrar) : 
</div>

<div id="kemaill" style="position: relative;top: -1510px;left: 40px;">
	E-mail : 
</div>

Kodda kalın olan yeri kaldırdığımızda sorun yok. Ama kaldırmazsak kayma oluyor ve ben width değerini vermek istiyorum.

Bunu nasıl yapabilirim?

Yardımınıza ihtiyacım var.

JacquesC

Yüzbaşı

972 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"çok beğenilen": En az 500 beğeni aldı. 7 seviyeli bu başarı rozetinin 3. seviyesine sahip.

"müdavim": En az 1.000 mesaj yazdı. 3 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

26 Şubat 2018 09:08:24

Mesaj Linkini Kopyala
Şikayet

Neden Input Style'larına "position" Atadınız ki? Çok Gereksiz ve Esnek Değil.

< Bu ileti tablet sürüm kullanılarak atıldı >

Bu mesaja 1 cevap geldi

webandyazilimprofesor

Yüzbaşı

380 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"yüzbaşı": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

26 Şubat 2018 09:39:31 Konu Sahibi

Mesaj Linkini Kopyala
Şikayet

quote:

Orijinalden alıntı: JacquesC

Neden Input Style'larına "position" Atadınız ki? Çok Gereksiz ve Esnek Değil.

position değeri vermezsam öğe konumlandıramam diye biliyorum

Bu mesaja 1 cevap geldi

JacquesC

Yüzbaşı

972 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"çok beğenilen": En az 500 beğeni aldı. 7 seviyeli bu başarı rozetinin 3. seviyesine sahip.

"müdavim": En az 1.000 mesaj yazdı. 3 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

26 Şubat 2018 10:52:29

Mesaj Linkini Kopyala
Şikayet

webandyazilimprofesor W kullanıcısına yanıt

"position"un Kullanım Amacı Daha Farklı. Her Şeyi "position" İle Yapmaya Kalkarsanız İçin İçinden Çıkamazsınız.

Size Kodları Yazıp Versem Mantığını Kavrayamayacaksınız. O Yüzden Şu Konuya Göz Atın:https://css-tricks.com/almanac/properties/f/float/

Bu Konuda Kuracağınız Düzen Aşağıdadır;

 
  <div> 
  	<div style="float:left; width:180px;">Label Name</div> 
      <div style="float:left; width:300px"><input type="text"></div> 
      <div style="clear:both"></div> 
  </div> 
  <div> 
  	<div style="float:left; width:180px;">Label Name</div> 
      <div style="float:left; width:300px"><input type="text"></div> 
      <div style="clear:both"></div> 
  </div> 
  <div> 
  	<div style="float:left; width:180px;">Label Name</div> 
      <div style="float:left; width:300px"><input type="text"></div> 
      <div style="clear:both"></div> 
  </div>

< Bu ileti tablet sürüm kullanılarak atıldı >

yeni mesaja git

Yeni mesajları sizin için sürekli kontrol ediyoruz, bir mesaj yazılırsa otomatik yükleyeceğiz. Bir Daha Gösterme

Sayfa: 1

Cevapla

Hızlı Cevap

Mesajım Bulunsun

Tüm Forumlar >> Web Tasarım - Programlama >> Tasarım ve grafik >> Web Tasarım ve Hazır Kodlar >> Width değeri verince öğeler kayıyor | DonanımHaber Forum

Benzer içerikler

çizim programları
font bulma

Reklamlar

Bu sayfanın

Mobil sürümü

Mini Sürümü

BR4
0,375
1.2.165

Reklamlar

Mesaj linki kopyalandı.

Bir sorun oluştu.

Ip işlemleri

Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara

KAPAT X

%40
Kazan

%2,8
Kazan

%5
Kazan

%6,8
Kazan

%1,6
Kazan

%3,2
Kazan

%5,5
Kazan

%1,2
Kazan

%5
Kazan

%3,2
Kazan

%6,4
Kazan

%2
Kazan

Alışveriş Yaptıkça Para Kazan Harekete Geç »

Donanım Sponsoru: incehesap.com

Bu sayfanın mobil sürümü / mini sürümü

Version: 1.2.2860