Dreamweaver da float problemi ?

Temel Tasarım İlkeleri - Dreamweaver da float problemi ? Sponsorlu Bağlantılar Merhaba arkadaşlar forumda yeniyim ve bir sorum olucaktı.. Dreamweaper programıyla site tasarlıyorum fakat menü yanlış yerde duruyor. Float ile ilgili bir problem olduğu açık ama ben beceremedim. Resim ...

Cevapla
Dreamweaver da float problemi ?
AlperWeb isimli Üye şimdilik offline konumundadır

AlperWeb

Öğrenci (Diğer) / İstanbul

Dosya23

Dreamweaver da float problemi ?

Alt 21-12-2012 #1
Sponsorlu Bağlantılar

Merhaba arkadaşlar forumda yeniyim ve bir sorum olucaktı.. Dreamweaper programıyla site tasarlıyorum fakat menü yanlış yerde duruyor. Float ile ilgili bir problem olduğu açık ama ben beceremedim. Resim aşağıda..

Dreamweaver da float problemi ?
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

aresrisus isimli Üye şimdilik offline konumundadır

aresrisus

Webmaster / İstanbul

Standart
Alt 21-12-2012 #2
                             Sponsorlu Bağlantılar
resim gözükmüyor. floatlardan sonra clear yapıyor musun?

Görüntü geldi kodları buraya ekle yardımcı olalım
Bu mesajdan alıntı yap
AlperWeb isimli Üye şimdilik offline konumundadır

AlperWeb

Öğrenci (Diğer) / İstanbul

Standart
Alt 21-12-2012 #3
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.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://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>
Bu mesajdan alıntı yap
aresrisus isimli Üye şimdilik offline konumundadır

aresrisus

Webmaster / İstanbul

Standart
Alt 22-12-2012 #4
Dreamweaver da float problemi ?

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.
Bu mesajdan alıntı yap
AlperWeb isimli Üye şimdilik offline konumundadır

AlperWeb

Öğrenci (Diğer) / İstanbul

Standart
Alt 22-12-2012 #5
Çok teşekkür ederim ellerine sağlık Dreamweaver da float problemi ? 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?
Bu mesajdan alıntı yap
aresrisus isimli Üye şimdilik offline konumundadır

aresrisus

Webmaster / İstanbul

Standart
Alt 22-12-2012 #6
Çok teşekkür ederim ellerine sağlık Dreamweaver da float problemi ? 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?
rica ederim yardımcı olabildiysem ne mutlu.

<div id="temizle"></div> bunları incelersen nerelerde verdiğime bakabilirsen daha iyi kavrayabilirsin.

İyi Çalışmalar.
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Dreamweaver ve css onurta Dreamweaver 6 07-05-2011 21:36:52
dreamweaver cs5 umut3341 Dreamweaver 1 20-08-2010 13:14:14
dreamweaver mx 2004 ftp problemi yardım? SerkanAs Dreamweaver 0 26-02-2010 14:41:24
dreamweaver border problemi burcutover Dreamweaver 1 03-06-2009 11:28:24
Dreamweaver CS3 ozan-tr Web Tasarımı 10 02-06-2008 22:35:55

Kapat
Şifremi Unuttum?