Content deleted Content added
m Naked, abrupt end of page without even categories. Brought over categories, &c. from parent page. Prefaced it with {{-}} so the See also header would appear after the last </div>. |
m The Capital U in Upright to lowercase u upright. Changed the correction of the full height to 0.75 Tags: Visual edit Mobile edit Mobile web edit |
||
(3 intermediate revisions by 3 users not shown) | |||
Line 1:
Normally a thumbnail has a width of 220 [[pixels]] (px). This width is used by typical readers, who have not logged in or who have not changed their preferences. The "<code>upright</code>" option normally creates an image that is about 75% of the width of the default. The exact width is computed by starting with the default thumbnail width, multiplying it by 0.75, and rounding to the nearest multiple of 10.
The standard behaviour can make a tall, thin picture come out too large. For example:
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
: <code><nowiki>[[
----
<div style="color:#996633">{{Lorem ipsum}}</div>[[
</div>
{{-}}
The "<code>upright</code>" option can help fix this by informing the Wikipedia layout system that the image should have a narrower width than usual:
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
: <code
----
<div style="color:#996633">{{Lorem ipsum}}</div>[[
</div>
{{-}}
Line 25:
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
: <code
----
<div style="color:#996633">{{Lorem ipsum}}</div>[[
</div>
{{-}}
Short, wide images sometimes benefit from "<code>upright</code>" factors greater than 1.0. Factors greater than about 2.5 can generate large images that cause problems with some browsers; for one way to handle wider images, see [[Help:Visual file markup#Panoramas|panoramas]]. Although many image types, such as [[JPEG]] and [[Portable Network Graphics|PNG]], do not handle enlargement well, [[SVG]] images have no problem with it. For example:
<div style="border:1px solid #A3B1BF; background:#f5faff; padding:1em; margin:0em 1em 1em 0em; float:left; font-size:105%">
[[File:Köppen-vereinfacht.svg|thumb|center|alt=Map of the world. A tan band stretches from northern Africa through central China; most of Australia and parts of southern Africa and the western Americas are also tan. Dark greens dominte the northern hemisphere. Lighter greens cover much land near the equator. Polar areas are white, the north fringed with light blue.|(no upright can become:)]]
: <code><nowiki>[[ ----
<div style="color:#996633">{{Lorem ipsum}}</div>[[
</div>
{{-}}
|