Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen
- #KonuForumuCevapGörüntülemeGönderimSon yazan
-
Tartışma999132K - Tartışma103.6K
- Tartışma0131
-
Tartışma0212 - Tartışma0203
- Tartışma43.7K
-
Tartışma94.4K - Tartışma0203
- Tartışma0397
-
Tartışma21.1K - Tartışma0437
-
🚨Kampanya🚨| Windows | Office | Adobe | Envato | Shutterstock | Canva | Duolingo | Seo | Hızlı Teslimat ✅Tartışma2323.3K - Tartışma22.2K
- Tartışma0758
- Tartışma211.8K
-
-
-
-
-
Dreamweaver da float problemi ?
- Konbuyu başlatan AlperWeb
- Başlangıç tarihi
Benzer konular
aresrisus
🌟Usta Tasarımcı🌟
resim gözükmüyor. floatlardan sonra clear yapıyor musun?
Görüntü geldi kodları buraya ekle yardımcı olalım
Görüntü geldi kodları buraya ekle yardımcı olalım
Son düzenleme:
Kodları verdim umarım bana nasıl yapmam gerektiği hakkında yardımcı olursunuz.. Float ve clear özelliğini bir türlü kavrayamadım.
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#sayfa {
width: 900px;
margin-right: auto;
margin-left: auto;
background-color: #C69;
}
#banner {
height: 100px;
width: 850px;
margin-right: auto;
margin-left: auto;
background-color: #0FF;
}
#sayfa #menu_ust ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sayfa #menu_ust ul li {
display: block;
text-decoration: none;
border: 1px solid #000;
padding-right: 8px;
padding-left: 8px;
}
#menu_ust {
width: 900px;
margin-top: 10px;
background-color: #9F6;
margin-right: auto;
margin-left: auto;
}
#sayfa #menu_ust ul li {
float: left;
text-indent: 50px;
background-color: #CF0;
}
#content {
background-color: #9C6;
width: 900px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
#icerik {
background-color: #CC0;
float: left;
width: 450px;
margin-top: 20px;
margin-left: 20px;
}
#menu_sag {
background-color: #CC0;
float: left;
width: 180px;
margin-top: 20px;
margin-left: 20px;
margin-right: 10px;
clear: right;
margin-bottom: 10px;
}
#footer {
height: 100px;
width: 900px;
margin-right: auto;
margin-left: auto;
background-color: #0FF;
clear: both;
}
#menu_sol {
float: left;
width: 180px;
margin-left: 20px;
background-color: #CC0;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="sayfa">
<div id="banner">Content for id "banner" Goes Here</div>
<div id="menu_ust">
<ul>
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Dosyalar</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Kayıt</a></li>
</ul>
</div>
<div id="content">
<div id="menu_sol">Content for id "menu_sol" Goes Here</div>
<div id="icerik">Content for id "icerik" Goes Here</div>
<div id="menu_sag">Content for id "menu_sag" Goes Here</div>
<div id="footer">Content for id "footer" Goes Here </div>
</div>
</div>
</body>
</html>aresrisus
🌟Usta Tasarımcı🌟
Bu şekilde istiyorsun sanırım kodları düzenledim. Float mantığnı sana anlatayım. 1,2,3 elemanlarımız olsun. 1.2 yanyana 3 onun altında olsun istiyorsan 1.2 float verirsin bunlardan sonra kodlarda ekledim #temizle diye yani clear:both; vermen gerek bu şekilde yapmazsan float temizlenmediği için herşeyi yanına çekmeye çalışacak 3. elemanı yanında istemiyorsak 2 den sonra temizle koyucaz ki 3 aşağıda kalsın. İnşallah açıklayıcı olmuştur. CSS kodlarını html sayfanda tutma css sayfasında tutman gerek aşağıdaki linkte hazırladım biraz incelersen anlayabilirsin.
LİNK
İyi Çalışmalar.
Çok teşekkür ederim ellerine sağlık 
Tek aklımın yatmadığı nokta float ve clear özelliği zaten. Anlatmışsın ama daha çok çalışmam lazım anlamak için.. Menünün düzgün hale gelmesi için ve diğer kutuların bozulmaması için neye clear verdin acaba?
Tek aklımın yatmadığı nokta float ve clear özelliği zaten. Anlatmışsın ama daha çok çalışmam lazım anlamak için.. Menünün düzgün hale gelmesi için ve diğer kutuların bozulmaması için neye clear verdin acaba? aresrisus
🌟Usta Tasarımcı🌟
Çok teşekkür ederim ellerine sağlık
rica ederim yardımcı olabildiysem ne mutlu.
<div id="temizle"></div> bunları incelersen nerelerde verdiğime bakabilirsen daha iyi kavrayabilirsin.
İyi Çalışmalar.