Jump to content

File:TT, PRE and CODE bug.png

From Wikipedia, the free encyclopedia

Original file (534 × 1,132 pixels, file size: 119 KB, MIME type: image/png)

Please keep this image here on the English Wikipedia. (You may upload a copy to Commons, but I don't see why Commons would have a use for it so they might delete it at Commons. )

I created this image to show a text-size bug. This image is linked to from the discussion about that bug, but we did not insert/show this image on that page since this image is too large. (See "What links here" for this page.)

This rendering bug still happens in several major browsers, so we probably will have to refer to this image again. Wikipedia now has fixes in its CSS code so the tags shown in this image now renders correctly, but this bug is still visible under some other circumstances like when people hand-code text sizes.

--David Göthberg (talk) 05:33, 11 October 2011 (UTC)

Summary

[edit]
File information
Description

Screen shot of User:Davidgothberg/Test59, done with a Safari 3.2.1 on Windows XP, showing the <tt>, <code>, <pre> and <source> tag bug.

Some browsers on some operating systems show <tt>, <code>, <pre> and <source> tagged text in a too small font. At the time I write this (26 October 2009) we have applied the code below to MediaWiki:Common.css, which fixes the <tt> text in those browsers, and causes no problems in the rest of the browsers. As can be seen in the image above, the <tt> text looks okay, while the <code> text still is too small.

We intend to deploy the same fix for the other tags, one at a time some day apart, to minimize the damage if it causes any problems. If it works well for the English Wikipedia, then we will deploy the fix for all Wikimedia projects.

/* Fix so <tt> tags get normal text size also in some
   versions of Firefox, Safari, Konqueror, Chrome etc. */
tt {
    font-family: monospace, sans-serif;
}

See discussion at MediaWiki talk:Common.css/Archive_11#Teletype style fix for Chrome.

Source

I (David Göthberg (talk)) created this work entirely by myself.

Date

13:14, 26 October 2009 (UTC)

Author

David Göthberg (talk)

Permission
(Reusing this file)

See below.


Licensing

[edit]

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current13:49, 26 October 2009Thumbnail for version as of 13:49, 26 October 2009534 × 1,132 (119 KB)Davidgothberg (talk | contribs)Added a little paragraph space between the different groups of examples, for clarity.
13:14, 26 October 2009Thumbnail for version as of 13:14, 26 October 2009534 × 1,100 (118 KB)Davidgothberg (talk | contribs){{Information |Description = Screen shot of a Safari 3.2.1 on Windows XP showing the TT, PRE, CODE and SOURCE tag bug. |Source = I (~~~) created this work entirely by myself. |Date = ~~~~~ |Author = ~~~ |other_versions =

The following 2 pages use this file: