Turning gears are the logo of co-scripts

WordPress v 4.9.6:17 nav-menu css styles of ul, ol overlaps with Bootstrap v2.2.1 ul,ol style definition overlaps.

WP navigational submenus shifted right by 25px. This will be looking unharmful but not handsome.

Not a good solution but i made the ul, ol margins to a comment line in Bootstrap and bypass the problem.

 

ul,
ol {
  padding: 0;
  /*margin: 0 0 0px 25px;*/
}
co-scripts tag image wordpress v 4.9.6:17bootstrap v2.2.1ul ol conflictwp submenu problemwp nav menu ul ol
ID:279 | Okunma:117


 

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:2542


 

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:1903


 

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:1892


 

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:1896