Mall:Divsmall

Dokumentation

Mallen ger liten text, genom användning av CSS-kod inom <div>-taggar.

Användning redigera

Mallen är skapad främst för att på ett enkelt sätt kunna ersätta <small>...</small> och till exempel {{small|...}} ifall den omslutna texten innehåller radbrytningar, inklusive listor eller block-element, såsom <div>...</div>.

**Exempel:**
{{divsmall\| Exempelvis: # Hafling #* Haflinger # Avelengo #* Avelignese }}	→	Exempelvis: Hafling Haflinger Avelengo Avelignese
{{divsmall\| {{Legend\|#000092\|''arguta''}} {{Legend\|#f6c726\|''halmaturina''}} {{Legend\|#f14b0e\|''plumbea''}} }}	→	arguta halmaturina plumbea

Ett par saker att tänka på: redigera

Mallen orsakar radbrytning om man placerar den så att den börjar eller slutar på samma rad som vanlig brödtext. Inuti element som tabeller eller punktlistor orsakar den dock inte sådana radbrytningar.

Eftersom det är en mall, krävs det viss anpassning om den ska omsluta en text som innehåller likamedtecken (=). Ofta kan man helt enkelt lägga till 1= i början, men ibland kan man behöva ersätta = med t.ex. {{=}}.

**Exempel:**
{{divsmall\|1= Addition: 1+2=3 a+b=c }}	→	Addition: 1+2=3 a+b=c
{{divsmall\| 1+2{{=}}3 a+b{{=}}c }}	→	1+2=3 a+b=c

Parametrar redigera

I de flesta fall behöver man inte lägga till några parametrar, men det finns ändå vissa inställningsmöjligheter:

Storlek redigera

Defaultstorleken är 80% (font-size: 80%), vilket är samma storlek som <small>-taggen ger.

Annan önskad storlek kan anges med parametern s=.
Exempel: {{divsmall|s=90%|...}}

Radhöjd redigera

Radhöjden har defaultinställningen 1.6 (line-height: 1.6).

Annan önskad radhöjd kan anges med parametern h=.
Exempel: {{divsmall|h=1.5|...}}

Övrigt redigera

För eventuellt behov av mer avancerade inställningar än de ovan, är mallen försedd med parametrarna class= och style=.

Teknisk bakgrund redigera

<small>-taggen, liksom {{small}}-mallen, bildar inline-element, som för korrekt kodning ska hållas inom en och samma rad. Om ett sådant element ändå spänner över en radbrytning, kommer koden som går ut från parsern innehålla felnästlade taggar. Vanligen kan webbläsare tolka om sådan felnästlad kod, men i begränsad omfattning. Det är nu ganska vanligt att se t.ex. small-taggar spänna över ett antal rader eller ett block-element, som också innebär radbrytningar, och sådana fel bör korrigeras för att säkra läsbarheten.

Den här mallen använder sig av div-taggar och bildar så ett block-element, vilket gör att man undviker nämnda felnästlingar. Det uppstår dock oönskade radbrytningar om den börjar eller slutar på samma rad som vanlig brödtext. Den är försedd med CSS-koden "display:inline-block" för att så långt som möjligt kunna användas utan konflikt med sin omgivning, men man bör kolla effekten med förhandsgranskning innan man sparar/publicerar.

Se även redigera

Ovanstående dokumentation transkluderas från sidan ”Mall:Divsmall/dok”. Kategorier ska placeras på den dokumentationssidan.