• 24-11-2018, 15:00:03
    #1
    merhaba arkadaşlar yazı ekledim ama tüm sayfayı kaplamıyor neden olabilir resim ve kodlar aşşağıda şimdiden ilgilenen herkese teşekkürler

    Kodlar
    http://jsfiddle.net/cfghsjrw/10/

    resim

  • 25-11-2018, 15:32:42
    #2
    Kardeşim aşağıda bulunan
    .ortaustaltyazi {
    position:relative;
    top:260px;
    left:200px;
    width:970px;
    margin-bottom:50px;
    }
    .ortaustyazi {
    position:relative;
    top:250px;
    left:450px;
    width:970px;
    }
    ortaustaltyazi ve ortaustyazi sınıflarına genişlik (width) değeri vermişsin onun için tarayıcı verilen değere o yazıyı sığdırmış, ayrıca bir de left değeri verip yazıyı sol kısımdan uzaklaştırmışsın.
    bunları yapmak yerine

    ortaustyazi sınıfına ( left:450px; ) değeri yerine ( text-align:center; ) ekleyip yazıyı sitenin genişliğine göre ortalamış olursun. (Bunda text-align: kullanmamızdaki amaç h1 etiketini etki ettiği için)
    ortaustaltyazi sınıfına ( left:200px; ) değeri yerine ( margin: 0 auto; ) ekleyip yazıyı sitenin genişliğine göre ortalamış olursun.

    kısaca üste kendi kodların ile aşağıdaki css kodlarını değiştirmeni tavsiye ederim ;

    .ortaustaltyazi {
    position:relative;
    top:260px;
    margin: 0 auto;
    margin-bottom:50px;
    }
    .ortaustyazi {
    position:relative;
    top:250px;
    text-align:center;
    }
  • 27-11-2018, 21:40:11
    #3
    mehmetkpln18 adlı üyeden alıntı: mesajı görüntüle
    Kardeşim aşağıda bulunan
    .ortaustaltyazi {
    position:relative;
    top:260px;
    left:200px;
    width:970px;
    margin-bottom:50px;
    }
    .ortaustyazi {
    position:relative;
    top:250px;
    left:450px;
    width:970px;
    }
    ortaustaltyazi ve ortaustyazi sınıflarına genişlik (width) değeri vermişsin onun için tarayıcı verilen değere o yazıyı sığdırmış, ayrıca bir de left değeri verip yazıyı sol kısımdan uzaklaştırmışsın.
    bunları yapmak yerine

    ortaustyazi sınıfına ( left:450px; ) değeri yerine ( text-align:center; ) ekleyip yazıyı sitenin genişliğine göre ortalamış olursun. (Bunda text-align: kullanmamızdaki amaç h1 etiketini etki ettiği için)
    ortaustaltyazi sınıfına ( left:200px; ) değeri yerine ( margin: 0 auto; ) ekleyip yazıyı sitenin genişliğine göre ortalamış olursun.

    kısaca üste kendi kodların ile aşağıdaki css kodlarını değiştirmeni tavsiye ederim ;

    .ortaustaltyazi {
    position:relative;
    top:260px;
    margin: 0 auto;
    margin-bottom:50px;
    }
    .ortaustyazi {
    position:relative;
    top:250px;
    text-align:center;
    }
    hocam yardımın için teşekkürler