Problemer med visning af lavtstillede tegn

WordPress DK Forum » Problemer efter installering

Problemer med visning af lavtstillede tegn

(5 indlæg) (3 voices)

Startet for 11 years siden af Jens Hvass
Seneste svar fra Jens Hvass
This topic is resolved

Tags:

Jens Hvass

Seniormedlem
Joined: jan '08
Posts:
Reputation:

Kære WordPress DK Forum

Jeg er stødt ind i et problem, som jeg håber nogen kan hjælpe med. Jeg tror det er kommet efter seneste store WordPress-opdatering til version 3.3, for problemet har ikke altid eksisteret. I hvert fald har det forandret sig i Internet Explorer.

På min blog ”Strøtanker om bæredygtighed” bruger jeg en del sænket skrift, som i CO2, NO2 osv, – hvor totallet er mindre og lavt placeret i forhold til grundlinjen.

Indtil for nylig har jeg opnået dette ved at sætte sub tags omkring: CO<sub>2</sub>. Så fik man automatisk en lavere placering af et mindre to-tal eller hvilke tegn, man nu havde sænket – i hvert fald i Internet Explorer, som jeg bruger til daglig.

Men på det seneste bliver tallene blot sænket uden at blive formindskede, totallet i eksempelvis CO2 ser stort og klodset ud og gør teksten mindre letlæst.

Se for eksempel dette indlæg: http://www.jenshvass.com/blog/2012/01/12/kina-paa-vej-med-co2-afgifter/

Hvis jeg ser samme side i Google Chrome, så får man stadigvæk formindskede tal, mens Firefox også viser store totaller, men med en mindre sænkning. Så der er tale om tre forskellige visninger af samme situation.

Er der nogen, som har et bud på, hvordan man retter dette op, så det fremstår ens og med mindre, let forsænkede tal?

Hvis jeg skal rette det op i hele bloggen (+750 indlæg) er der tale om flere tusinde forekomster. Derfor vil jeg meget gerne høre, om der findes en ”søg og erstat”-funktion, hvor man kan lave sådanne ændringer systematisk i alle indlæg.

Og før vi finder individuelle løsninger, var det også godt at vide, om det er noget, som centralt bliver rettet op igen.

På forhånd en varm tak for al hjælp,
Jens

Skrevet 11 years siden #
maxemil2

Supermedlem
Joined: okt '09
Posts:
Reputation:
stylesheet problem - ofte benyttes en reset som ødelægger denne font property..
prøv at indsætte i dit stylesheet
```
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;

}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
```
Tilføj dit Google+ profilbillede til google søgeresultater ( http://goo.gl/erzPa )
Skrevet 11 years siden #
Jens Hvass

Seniormedlem
Joined: jan '08
Posts:
Reputation:

Det var med bævende hjerte, at jeg kopierede MaxEmil2s script ind i mit style sheet – har indtil nu altid holdt fingrene derfra. Men det gør noget godt ved tekstbilledet, først og fremmest ved at bedre den lodrette organisering af tekstlinjerne.

Men det rejser et andet spørgsmål: kan man videreudvikle samme script, så de sænkede tegn bliver lidt mindre? Lader den røde lygte være tændt lidt endnu for denne del.

Jeg tog screen dumps af før-efter-situationen for Internet Explorer, Firefox og Google Chrome for at se pixel ofr pixel, hvilke ændringer, der er tale om, og det viser sig, at scriptet afhængig af browser gør noget forskelligt ved skriftbilledet, men i alle tre tilfælde til det bedre:

1) I Internet Explorer mindsker scriptet den for store forsænkning af sub-sat tekst. Og det udligner linjeafstanden, så der er præcis 11 pixel mellem tekstlinjernes x-højde, hvor der før skete en forskubning af hele linjen 1 pixel op, når der i linjen er et sub-sat tegn, så afstanden over var 1o pixel og afstanden under 12 pixel. Afstanden mellem indlæggets overskrift og datolinjen derunder mindskes.

2) I Firefox er forskellene mindre – både før og efter holder stort set 11 pixel, men nogle få gange blot 10 pixel. Men når det ikke følger sammen med en afstand på 12 pixel ser man det ikke. I overskriften sænkes det sub-satte tegn en smule mere med det nye script, men det ser OK ud. Afstanden mellem indlæggets overskrift og datolinjen derunder mindskes.

3) I Google Chrome Var der før scriptet 11 pixel mellem x-højderne, og hver der var sub-sat tekst blev denne afstand øget til 13 pixel. Men faktisk giver dette et roligere tekstbillede en hvor der ændres til 10/12. Scriptet får Chrome samtlige afstande mellem x-højderne til at være 11 pixel.

Ovenstående baserer sig på et check af indlægget: http://www.jenshvass.com/blog/2012/01/12/kina-paa-vej-med-co2-afgifter/

Så jeg takker varmt for scriptet.
Jens

P.S. Min uvidenhed er stor – er der regler for, hvor i et sådant style sheet, man placerer hvad, eller er rækkefølgen vilkårlig?

Skrevet 11 years siden #
John

Administrator
Joined: okt '09
Posts:
Reputation:

P.S. Min uvidenhed er stor – er der regler for, hvor i et sådant style sheet, man placerer hvad, eller er rækkefølgen vilkårlig?

Næ egentlig ikke, men vær opmærksom på at næste gang dit tema bliver opdateret fjernes det igen hvis du ikke laver et child theme

Mvh John

Skrevet 11 years siden #
Jens Hvass

Seniormedlem
Joined: jan '08
Posts:
Reputation:

Det er nok en tikkende bombe. Mit tema "Skimmed Milk", som jeg er meget glad for og har kørt med i fire år, er aldrig blevet opdateret. Så pludselig en dag er det måske ikke-funktionelt.

Skrevet 11 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.