6 Haziran 2008 Cuma

Css Numaraları

1. Resimlerin belirli bir genişliği-yüksekliği geçmesini engellemek ( Maksimum değer vermek ) :

/* Internet Explorer */
width: expression(this.width > 100 || this.width <50 ? 100: this.width);
height: expression(this.height > 100 || this.height <50 ? 100: this.height);
/* Firefox */
max-width:100px;
max-height:100px;

Aslında Internet Explorer için aşağıdaki gibi de bir ifade yazılabilir ama bu bazen problem yaratıyor ve imajın boyutlarını ufacık görebiliyorsunuz. Sanıyorum Imaj width ve height değerleri bazı durumlarda yanlış okunuyor. Bunun için bu değerlerin küçük olup olmadığını da kontrol etmeniz gerekir.

/* Internet Explorer */
width:expression(Math.min(this.width, 100)+'px');
height:expression(Math.min(this.height, 100)+'px');

2. Resimlere çerçeve oluşturma :
border:6px solid #F1EFE9;