HTML Zoom Sorunu

tirittttt

Profesör
Katılım
30 Temmuz 2014
Mesajlar
1,002
Reaksiyon puanı
0
Puanları
0
Arkadaşlar daha çok yeniyim çok acemiyim yardımcı olcağnızı umuyorum.Ben bi kaç tane kaynak olsun diye kitap aldım okudum sonra iş başına koyulup ben yapmaya başladım ardından header kısmını yaptım sorun yok sonra hazır slider koydum ondada sorun yok.Sonra içerik kısmına geçtim sıkıntı orada başlaa benim ekranımda yüzde 75 ile gayet iyi fakat bu zoom yapınca yazı sağda kalıyor.Veya sekmeyi küçültüncede aynı sorun oluyor.Arkadaşlar yardımınızı bekliyorum.


Olmasını istediğim;

Sonuç;


style.css
Kod:
.yazikapsam{width:655px;margin:0px 0px 10px 0px;}
.yazikapsam img{border:1px solid #3e828f;float:left;margin:0px 10px 0px 0px;}
.yazikapsam img:hover{border:1px solid #091928;}
.yazikapsam p{font-size:15px;color:#555555;line-height:130%;font-weight:bold;padding:24px;height:130px;width:700px;}


.istatistikler{width:747px;height:15px;margin:-11px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:13px;}
.yazar{background:url(resim/admin.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}
.kategori{background:url(resim/kategori.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}
.kategori a:link, .kategori a:visited{color:#3e828f;}
.yorum{background:url(resim/yorum.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}
.tarih{background:url(resim/tarih.png) no-repeat;padding:0px 0px 0px 20px;color:#3e828f;margin:1px 10px 0px 0px;float:left;}

#sony{height:55px;margin:0px;font-size:24px;color:#3e828f;font-weight:bold;}
section{width:660px;background:url(resim/indexap.png) repeat-x;margin-bottom:30px;float:left;margin:20px 0px 20px 150px;}
article{width:655px;margin-top:20px;margin:5px 0px 5px 10px;}
h1,h1 a:link, h1 a:visited{color:#000;font-size:20px;font-weight:bold;font-family:Trebuchet MS;float:left;}


index.html
Kod:
<section>
 <article>
 <div id="sony">SON YAZILAR</div>
 <div class="yazikapsam">
 <div class="temizle"></div>
 <a href=""><img src="resim/konuresmi.png" alt="" title="" width="282" height="175" > </a>
     <h1><a href="">Şehir Hayatı Hakkında</a></h1>
 <p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır a deneme metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır... </p>
            <div class="temizle"></div>
</div><div class="temizle"></div>
 <div class="istatistikler">
                <div class="yazar">Admin</div>
                <div class="kategori"><a href="">Kişisel</a></div>
                <div class="yorum">3 Yorum</div>
                <div class="tarih">07.09.2012</div>
                <div class="temizle"></div>
            </div><div class="temizle"></div>
 </article>
 </section>
 

DarkBB

Asistan
Katılım
18 Mart 2014
Mesajlar
393
Reaksiyon puanı
3
Puanları
18
Benim e-postaya dosyalarının kök klasörünü atarsan yardım edebilirim. Burdan anlaşılmıyor çünkü sadece kodlar var.

d4rkbb123@gmail.com
 

tirittttt

Profesör
Katılım
30 Temmuz 2014
Mesajlar
1,002
Reaksiyon puanı
0
Puanları
0
Arkadaşlar sorunu çözdüm, benim gibi bu hataya düşen arkadaşlara ders olsun :))
sorun herbirini section ile kapatmış olmam aslında hepsini aynı sectiona yazmam gerekiyor.
 
Üst