Hoppa till innehållet

Mall:Divsmall/dok

Från Wikipedia

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

Användning

[redigera wikitext]

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:

  1. Hafling
    • Haflinger
  2. Avelengo
    • Avelignese
{{divsmall|
{{Legend|#000092|''arguta''}}
{{Legend|#f6c726|''halmaturina''}}
{{Legend|#f14b0e|''plumbea''}}
}}
  arguta
  halmaturina
  plumbea


Ett par saker att tänka på:

[redigera wikitext]
  • 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 wikitext]

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

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öjden har defaultinställningen 1.6 (line-height: 1.6).

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

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

Teknisk bakgrund

[redigera wikitext]

<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.