Css Float Ve Text-Align Sorunu
-
Bir div e text-align:center yaptıktan sonra, içindeki elemanlara float:left verdiğimizde neden align komutu çalışmaz ?
-
sakat-at bunu yazdı:
-----------------------------
Bir div e text-align:center yaptıktan sonra, içindeki elemanlara float:left verdiğimizde neden align komutu çalışmaz ?
-----------------------------float i once verip text align i sonra vermeyi dene.
-
<div id="h_m_back">
<ul>
<li>Emre</li>
<li>Ali</li>
</ul>
</div>Şu Html kodum
#h_m_back { text-align:center }
#h_m_back ul li { float:left; }
bu da css
daha açıklayıcı oldu.
-
float uygulanan elementlerde genişlik göreceli olur. yani belli bir genişlik vermen gerek. ayrıca float uyguladığın elementlerden sonra clearboth uygulamalısın yoksa kapsamama problemi yaşarsın.
-
<div id="h_m_back">
<ul>
<li>Emre</li>
<li>Ali</li>
</ul>
</div>Şu Html kodum
#h_m_back { float:left }
#h_m_back li { text-align:center }
seklinde denermisin ?
tam olarak yapmak istedigini anlamadim ama. isine yarar umarim..
-
<!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=iso-8859-9" />
<title>Untitled Document</title>
<style type="text/css">
#main {text-align:center;}
#content {float:left;width:400px;}
</style>
</head>
<body>
<div id="main">
<div id="content">qweqeqweq</div>
</div>
</body>
</html> -
Hocam şimdi 1 tane div var. içinde 3 tane div daha var. bu 3 div yatay dizilmiş. bunun için float:left verildi ve text-align:center yapıldı. içine 2 tane li verildi. bu li'ler float:left ile yatay hale geldi. text-align:center çalışmıyor. li'lere ait float:left i kaldırınca text-align:center çalışıyor.
-
genislik belliyse margin:0 auto vermeyi dene ?
-
li elementlerine de genişlik ataman lazım.
bunu yaptıktan sonra da clearboth veya clearfix diye aratırsan neden clear:both uygulaman gerektiğini anlatan yazılar var yardımcı olacaktır.
-
Fikret bunu yazdı:
-----------------------------
li elementlerine de genişlik ataman lazım.
bunu yaptıktan sonra da clearboth veya clearfix diye aratırsan neden clear:both uygulaman gerektiğini anlatan yazılar var yardımcı olacaktır.
-----------------------------abi iyi diyosun da. ben li'nin içindekinin ortalanmasını istemiyorum. ul tagının komple ortada çıkmasını istiyorum. clear:both'u ul için yaptım. ama yok yemedi.
[margin:0 auto; çalışmadı. ]
-
ul block elementtir, text-align:center ile sadece inline elementleri ortalarsın. yapmak istediğini anladım, ff'teki mesajını da gördüm, yapmak istediğini ekliycem birazdan buraya :)