Turning gears are the logo of co-scripts

Kısaca şurada anlatılmış ama bahsedeyim. Tek başına tagı içine yazdığınız metni dikey olarak ortalama ie dahil şu yöntemle yapılabiliyor.

Anchor tagının dışına bir div (veya başka bir element) yerleştiriyorsunuz ve line-height özelliğinin sayısal değerini px cinsinden tagı ile birebir aynı yapıyorsunuz. Böylece içindeki metin de buna göre ortalanıyor.
Forumdaki yazıya göre bu durumda vertical-align:middle yapmaya bile gerek kalmıyormuş.

iyi kodlamalar, bu bilgi eksikliği benim 1 saatime mal oldu. :/

 

Sonradan ek: Bu teknik metin veya imaj içeriği tek satıra sığıyorsa işe yarıyor. Tek satırdan fazla ise veya alt satıra taşıyor ise her satır yüksekliği line-height ile ayarlandığından çok aralıklı durarak ortalanmış görüntüyü bozuyorlar. Kabaca, halâ crossbrowser ve tam işe yarayan bir çözüm bulamadım. :(

co-scripts tag image vertical align inside the anchor tagvertical-alignline-height
ID:254 | Okunma:2212


 

Web sayfasında uygulanan bir yada birden çok sitilin yazıcıda görüntülenmeden bastırılmasını istiyorsak şu css özelliğini kullanmalıyız.

@media print { .herhangibirclass{display:none}

Böylelikle @media tipi "print" olduğunda, yani dökümanımız yazıcıya gittiğinde istenilen sınıf veya element tipleri hiç "render" edilmeyecektir.

co-scripts tag image @mediaprint medya tipidisplay nonemedia typeyazicida css ile gizleme
ID:240 | Okunma:1589


 

Eğer web sayfamız yazıcıya gönderildiğinde web sayfamızda sayfa bitmeden herhangi bir yerde yazıcıda ikinci sayfaya geçmesini istiyorsak- ki görsel olarak web / kağıt farklı planlanmış olabilir- o zaman aşağıdaki kodlar işimizi görecektir.

br.page { page-break-after: always }

Html içinde bt tagına class olarak page eklersek o noktada yazıcıda yeni sayfaya geçilecektir.

co-scripts tag image page-break-afterpage breakbryeni sayfasayfa bolmekyazicida sayfa gecisicss ile yeni sayfaya gecmekpagebreak with css
ID:239 | Okunma:1595


 

Bir selector de tüm gözatıcılarda şeffaflık sağlamak için aşağıdaki css kodunu kullanıyoruz. Değerler küçüldükçe matlık (görünürlük) azalıyor. Kaynak: Perishable Press

selector {
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
	}
co-scripts tag image cssseffaflikmatlikopacitycrossbrowseralphamoz-opacitykhtml-opacity
ID:228 | Okunma:1590