resimi kare içine almak

peep

http://server90.kucukresim.com/uploads/karelemecb272.png

resimdeki gibi resimleri kare içine nasıl alıyoruz arkadaşlar wordpress temalarda oluyor genelde css hiç bilmediğim için çözemedim yardımcı olabilcek varmı

yagmayok · 8 Kasım 2008

Tabiki cevaplarım...

border: 1px solid #000000; yaparsan olur...

selim61 · 8 Kasım 2008

.smiley img { border:1px solid #cccccc;background-color:#FFF;padding:2px;}
div classı smiley olan ve bu class içindeki tüm tüm img lere emrediyorum sağ sol alt üst borderları gri renkte 1px kalınlığında olsun, ayrıca arka fonu beyaz olsun.Birde padding resim ile border arasında 2px alan olsun.

yagmayok · 8 Kasım 2008

Örnek istemişsin, aşağıdaki dosyadan bakabilirsin...

kubra · 8 Kasım 2008

Wordpress de tüm resimlerin o şekilde olmasını istersen

img {background: #fafafa;border: 1px solid #dcdcdc;padding: 5px;}

Yok sadece yazılar içindeki resimlerin o şekilde olmasını istersen

p img {background: #fafafa;border: 1px solid #dcdcdc;padding: 5px;}

diye css içine yerleştir.

eRLySL · 8 Kasım 2008

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
img { padding:3px; background:#999999; }
</style>
</head>
 
<body>
<img src="x.gif" />
</body>
</html>

'padding' ile yapabilirsiniz ancak DOCYTPE olarak

Kod:

[I][SIZE=1]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[/SIZE][/I] kodunu kullanmanız gerekmektedir.

peep · 8 Kasım 2008

çok teşekkürler arkadaşlar