Search results
Results from the WOW.Com Content Network
CSS image replacement is a Web design technique that uses Cascading Style Sheets to replace text on a Web page with an image containing that text. It is intended to keep the page accessible to users of screen readers, text-only web browsers, or other browsers where support for images or style sheets is either disabled or nonexistent, while allowing the image to differ between styles.
See also Template:Easy CSS image crop, which simplifies the interface for this template a bit. {{CSS image crop}} creates a crop of an image inline for previewing the look and feel of a page, or for linking to full images when a slight crop is preferred in an article, but the full image is more encyclopaedic in general. Where only a small ...
For example, an HTML element "span" without content can, through its class and id, provide parameters for JS specifying CSS for any parts of the page. For example, if a page contains a "span" element with class FA and id lc, MediaWiki:Monobook.js specifies the style and title of elements "li" of class interwiki-lc, thus controlling the style ...
| magnify-link = The image to be linked by the magnify icon (Use if the Image parameter is set to {{Annotated image}} or the Link parameter leads to something other than the image). For the crop parameters, note that since we're going for a desired width, the size of the image being cropped from will vary depending on what crop_left and crop ...
Float the image on the right unless overridden with the location attribute. With an operand, e.g. thumb=Example.png, the operand names an image that is used as the thumbnail, ignoring any size specification. frame Preserve the original image size, and put a box around the image. Show any caption below the image.
See examples. Position the file to the right. [[File:Example.png| right |alt=Example alt text]] Position the file to the left. [[File:Example.png| left |alt=Example alt text]] Position the file in the centre. Text will not flow around the file. [[File:Example.png| center |alt=Example alt text]] Position the file to the left. Text will not flow ...
See also Template:Easy CSS image crop, which simplifies the interface for this template a bit. {{CSS image crop}} creates a crop of an image inline for previewing the look and feel of a page, or for linking to full images when a slight crop is preferred in an article, but the full image is more encyclopaedic in general. Where only a small ...
| magnify-link = The image to be linked by the magnify icon (Use if the image parameter is set to {{Annotated image}} or the Link parameter leads to something other than the image). Basic parameters {{ Easy CSS image crop | image = The name of the image file, e.g. Foo.jpg | desired_width = How wide the image should be after cropping.