css ile yapılmış kutu içindeki yazı problemi

idea

bu sorunu nasıl çözebilirim?

yapmak istediğim: kutu içindeki "Kanal Ara" yazısını beyaz yapmak ve tam ortalamak istiyorum. "Kanal Ara" yazısı çok yukarıda kaldı.

kullandığım kodlar:

*.php

<input type="text" title="Kanal Ara" placeholder="Kanal Ara" class="kanalara" name="category" value="<?=$_GET["category"];?>">

*.css

.kanalara{
width:100px;
border:0px solid #fff;
color:#fff;
background: #508F58;
font-size:16px;
line-height:23px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding: 8px 5px;

}

----

kutu içine yazı yazdığımda ise hiçbir problem olmuyor. gayet düzgün.

Erturk · 29 Mart 2011

text-align:center;

ekle css class içerisine

Angelo · 29 Mart 2011

Sora sora yapacaksın sanırım bunu.
Gıpta ile izliyorum.

.kanalara a, .kanalara a:visited, .kanalara a:active {
color: #fff;
text-align: center;
}
.kanalara a:hover {
color: #cacaca;
}

Lanet · 29 Mart 2011

Link mi bu normal yazi mi? Başka bişey yazdığımda sorun olmuyor demişsin ama tam anlayamadım sorununu.

idea · 29 Mart 2011

Angelo' Alıntı:
Sora sora yapacaksın sanırım bunu.
Gıpta ile izliyorum.

napıyım hocam.. başıma gelmeyen kalmadı. windows çöktü. frontpage ile yapardım herşeyi.. şimdi lunux kurdum. not defteri gibi bişeyle yapmaya çalışıyorum yardımlarınızla

text-align:center;

bu arada işe yaramadı.

idea · 29 Mart 2011

Lanet' Alıntı:
Link mi bu normal yazi mi? Başka bişey yazdığımda sorun olmuyor demişsin ama tam anlayamadım sorununu.

hocam bu "arama kutusu"

Angelo · 29 Mart 2011

sayfanın adresi gönderirsen bakalım, ama text-align: center çalışması lazım.
border-radius'ı IE yemiyor bu arada.

idea · 29 Mart 2011

Angelo' Alıntı:
sayfanın adresi gönderirsen bakalım, ama text-align: center çalışması lazım.
border-radius'ı IE yemiyor bu arada.

localhost ta deneme yapıyorum. daha yayınlamadım hocam.

Lanet · 29 Mart 2011

Kutu içindeki yazı yani.. O zaman şöyle bi kod ekle:

Kod:

.kanalara p {
text-align: center;
color: #FFFFFF;
padding: 0 px; }

daha sonra div kodundan hemen sonra yazıdan önce <p> yazı </p> dene bi.

idea · 29 Mart 2011

Angelo' Alıntı:
border-radius'ı IE yemiyor bu arada.

border-radius için ne yapabiliriz. explorerda da aynısı gözükmesi için.

sempaty · 29 Mart 2011

yazının dikey ortalanması için height değerinde line-height tanımlaman işini görebilir

Angelo · 29 Mart 2011

idea' Alıntı:
border-radius için ne yapabiliriz. explorerda da aynısı gözükmesi için.

Bazı .htc dosyaları var. Aşağıda ana container'a uyguladığım fix i görebilirsin. Ancak bazen inpuıt elemanlarında çalışmadı falan filan, ben de çok uğraşmadım sonra. IE hayatımı yedi bitirdi.

http://www.threadz.com/

idea · 29 Mart 2011

sizlere de çok zahmet verdim. sağolun.