Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Css Border Radius

Merhabalar,

Sitemde şu kodu kullanarak div'in kenarlarına radius vermek istedim fakat çalışmadı;

.radius{
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url(border-radius.htc);
}

Biraz araştırma yaptım ve border-radius.htc adlı dosyasını anadizine atıp ordan çağırmak sorunu çözer dediler fakat yinede çalışmadı. Ben dosyanın linkini vereyim. Yardımcı olan olursa çok sevinirim.

http://curved-corner.googlecode.com/files/border-radius.htc

Teşekkürler.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • halidaltuner adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    144 cevap - 4 soru
    Şu kodu deneyebilir misiniz? Problem olmazsa stili kendinize göre değiştirirsiniz.
    .radius {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	color: #ffffff;
    	padding: 10px 20px;
    	background: -moz-linear-gradient(
    		top,
    		#42ff42 0%,
    		#146600);
    	background: -webkit-gradient(
    		linear, left top, left bottom, 
    		from(#42ff42),
    		to(#146600));
    	border-radius: 10px;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border: 1px solid #134201;
    	-moz-box-shadow:
    		0px 1px 3px rgba(000,000,000,0.5),
    		inset 0px 0px 2px rgba(255,255,255,1);
    	-webkit-box-shadow:
    		0px 1px 3px rgba(000,000,000,0.5),
    		inset 0px 0px 2px rgba(255,255,255,1);
    	text-shadow:
    		0px -1px 0px rgba(000,000,000,0.4),
    		0px 1px 0px rgba(255,255,255,0.3);
    }
    }
    
  • Cagri adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    4 cevap - 17 soru
    .radiusolanclass {-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 15px;

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 15px;

    border-top-left-radius: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 15px;}

    bu işine yarayacaktır.
    • blackhouse adlı üyenin fotoğrafı blackhouse
      Malesef arkadaşlar ikiside olmadı :(

      ilk verdiğiniz kodda kenarlar düz yani radiussuz, ikincisinde ise ekranda hiç birşey gözükmedi.
      10 yıl önce yazılmış
  • Frauzer adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    40 cevap - 37 soru
    Ben sadece border-radius: 8px; yazarak yapıyorum.Sen hangi tarayıcıyı kullanıyosn ve versiyon nedir?
  • HaylazNef adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    38 cevap - 14 soru
    deneme yaptığın tarayıcı ie9 mu ? bende de aynı problemi yapıyor. Farklı tarayıcıda dene eğer ie9 kullanıyorsan
  • UmutYerebakmaz adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    11 cevap - 0 soru
    .radius {
    	border-radius: 7px;
    	-webkit-border-radius:7px;
    	-moz-border-radius:7px;
      }
    

    ie6,ie7,ie8 border radius özelliğini desteklememektedir.

    Yukarıdaki kodlar Ms (Microsoft ie9) dahil tüm yorumlayıcılarda hatasız çalışmaktadır. Test edilmiştir.