ProgTips » HTML

Fonti

Krišs Rauhvargers — Tue, 20 Feb 2007 11:16:23 +0000

“Calibri” fonts, kas nāk līdzi Vistai/MSOffice 2007, izskatās briesmīgi, ja to skata ar izslēgtu anti-aliasing.

Šis ir tāds kā kliedziens visiem tiem, kas ieinstalējuši IE7 vai citādā veidā ieguvuši apaļos, izplūdušos burteļus un priecājas par “jauno, webam piemēroto fontu” – nē, neder! Gaidiet, kamēr visa pasaule iešaus sev galvā un ieslēgs to acu mocītāju.

Par “conditional comments”

Krišs Rauhvargers — Mon, 13 Feb 2006 19:59:39 +0000

Ir tāda lieta HTMLā kā “conditional comments“, kas ir parasti SGML komentāri, kurus Internet Explorer 5+ tomēr “lasa” un mēģina saprast. Un ja tur atrodas [if kautkas] tad tas tiek ņemts vērā.

Parasti tiek lietots, lai speciāli priekš IE ielādētu papildus CSS failu vai “pielabotu” atsevišķas CSS definīcijas, bet tikpat labi, lūk, arī alternatīvs pielietojums nosacījumam “ja tiek lietots IE”.

Vertikālā centrēšana

Krišs Rauhvargers — Mon, 01 Sep 2003 10:23:23 +0000

Izmantojot CSS, ir grūti centrēt objektu pa vertikāli pret apkārtējo konteinera objektu.
Ja ir zināms objekta augstums, var izmantot sekojošu workaroundu:
Ievietojam papildus vēl vienu elementu, kuru pozicionējam pēc šādas shēmas

position:absolute;
top:50%;
left:50%;

, proti, tā kreisais augšējais stūris atrodas apkārtējā konteinera centrā. Zinot centrējamā objekta augstumu un platumu (piemērā – augstums 80 px, platums:160px), izvēlamies palīgobjekta vertikālo un horizontālo nobīdi:

margin-top:-40px;
margin-left:-80px;

Nobīde ir negatīva, kas nozīmē, ka šobrīd palīgobjekta kreisais augšējais stūris ir nobīdīts no centra tieši par pusi no centrējamā objekta atbilstošajām dimensijām.
Centrēšanas piemērs.