1. sayfa
/* CSS Document */ buda css kodlarım ustalar. |
kutular divinde yanyana yerleşim yapmak için float kullanmışsın lakin, kutuların ardından floatı temizlemen gerekir. Yoksa ardında gelen her öğe kendisine floatı takip eden pozisyon alır. Bunu clear, temizle vb bir class yazarak veya inline şekilde <div style="clear:both"></div> şeklinde temizleyebilirsin. Floatı temizlemediğin için bir diğer diviini doğru yerleşime getirmek için alt alta p tagı açmışsın böyle bir kullanım sistemi yok ve hatalıdır. |
hocam ben css de yeniyim daha yeni başladım bana bunu daha ayrıntılı anlatabilrmisiniz pek anlayamadım da |
Menü ve logo için ikili horizontal bir yeleşim planlıyorsan yapman gereken bir kaç işlem var. Aslında farklı tekniklerle yapabilirsin ama temelde yapman gereken şu, Ben her zaman header bölümünü kapsayan ayrı bir div açıp, içeriği sol ve sağ şeklinde yerleştirme yöntemini kullanıyorum (responsive çalışmıyorsam) html kodunu şu şekilde oluşturmalısın. <div class="header"> <div class="logo"><img src="images/logo.png"></div> <div class="menu">Menü buraya Gelecek</div> <div style="clear:both"></div> </div> css kodun şu şekilde olmalı (belirttiğim gibi responsive bir tasarım yapmadığını farzediyorum responsivde mantık farklı). piksel değerlerini atmasyon veriyorum sen kendine göre uyarla .header { width:900px ; } .logo { float:left; width:300px; text-align:center; } .logo img { width: 250px; height: 200px; } .menu { width:580px; padding:10px; float:right; } |
Dikkat etmen gereken nokta menu ve logo classlarını yazarken, piksel değerlinin toplamı, header genişliğini geçmesin. Yoksa ikinci div aşağıya kayacaktır. Bu hesaplamada padding değerlini de gözardı etme. 300piksek genişlik verdiğin bir classa ayrıca 10piksel de padding yazarsan aslında 320 piksellik alan kaplar genişlikte. |
hocam çok sagalun bunu yaptıma bile şaşırıyorum çünkü hiç bişey yapamıyrdum <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> bunları hala sildim zaman 2014 Telif hakkı kayıyor :) benım kafa biraz kocamamndır almaz hemen ben o dediğiniz clear: araştırıcam hocam |
Özel mesaj yolladım. Çalıştığın klasörü bana rarlayıp atarsan sana yardımcı olacağım. |
iki tasarım arasında sadece iki fark var, menü kaldırılmış, alttaki grafik yerine yazı yazılmış. neyle uğraşılmış anlayamadım. |
menü olmayan tasarım benım yaptım hocam menu ve yazı kısmını yapamadım |
1. sayfa
1 ) sizce nasıl olmuş
Temanın Orjinal Halihttp://hizliresim.com/aB27Rz
benim yaptıgım :http://hizliresim.com/nGL46M
Kodlar HTML:http://hizliresim.com/EE5j1g
Dream Görüntüsü :http://hizliresim.com/q2Pzrq
2) Dream görüntüsünde ki bozukluk tasarımın px lerini göz kararı verdim ondan olabilr mi ?
3) logonun yanına menü divini nasıl geitiricem ona yardım ederseniz
4) ben yine bu orjinal deki gibi neden metinleri biçimlendiremiyorum