Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Width değeri verince öğeler kayıyor

Konu, 'Web Programlama' kısmında webandyazilimprofesor tarafından paylaşıldı.

  1. webandyazilimprofesor

    webandyazilimprofesor Üye

    Kayıt:
    2 Eylül 2017
    Mesajlar:
    138
    Beğenilen Mesajlar:
    3
    Şehir:
    Ankara
    Merhaba,

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

    Width değeri vermeden önce :

    [​IMG]


    Width değeri verince :

    [​IMG]


    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;width: 350px;">

    <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.
     
  2. izmiralem

    izmiralem Aktif Üye

    Kayıt:
    7 Şubat 2010
    Mesajlar:
    290
    Beğenilen Mesajlar:
    32
    Meslek:
    Bilgisayar Teknik Servis Hizmt.
    Şehir:
    izmir
    Abi burda ne yaptın sen böyle anlamadım ama neden Css kodlarını ayrı bir css dosyasından çekmiyorsunuz her div için tek tek kod yazıyorsunuz ?

    Ek olarak inputlar Div taglarının içerisinde olmalı dışında değil.

    Örnek Html tarafı:

    <div id="form">
    <div class="satir"><label>Adı :</label><input name="adi" value=""></div>
    <div class="satir"><label>Şifre :</label><input name="sifre" value=""></div>
    <div class="satir"><label>Mail:</label><input name="mail" value=""></div>
    </div>

    Css tarafı için ise internetten biraz araştırma yapın işin kolayını anlayacaksınız.
     
  3. webandyazilimprofesor

    webandyazilimprofesor Üye

    Kayıt:
    2 Eylül 2017
    Mesajlar:
    138
    Beğenilen Mesajlar:
    3
    Şehir:
    Ankara
    Div'in içine aldım olmadı. Zaten inputlar bir form!un içerisinde.

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