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.
Align the bottom of the image with the baseline of the text. [[File:Flag of Hungary vertical.svg| baseline |20px|link=|alt=]] (This is the default.) Align the vertical middle of the image with the baseline of the text plus half the x-height of the text, so that the image is vertically centered around a lower case "x" in the text.
text-bottom: Align the bottom of the image to the bottom of the text. This is somewhat lower than the baseline, because of descenders in letters like lower-case "y". top: Align the top of the image to the top of the line containing the text. Normally this is slightly higher than the top of the text, to make space between lines of text.
The font sizes and types are independent of browser settings or CSS. Font sizes and types will often deviate from what HTML renders. Vertical alignment with the surrounding text can also be a problem; a work-around is described in the "Alignment with normal text flow" section below. The CSS selector of the images is img.tex.
Note: For vertical alignment of text see: Help:Table#Vertical alignment in cells. If there is no global text alignment set in the top line of the table wikitext, then all text is left aligned, except for header cells which are default center aligned.
In other languages that read text right-to-left, such as Persian, Arabic and Hebrew, text is commonly aligned "flush right". Additionally, flush-right alignment is used to set off special text in English, such as attributions to authors of quotes printed in books and magazines, or text associated with an image to its right. Flush right is often ...
Image to the right: imageright: The image to be displayed to the *right* of the text. This should be given as a file wikilink, just as if you were adding an image on its own, with the size, typically 40–50px. Example [[File:Some image.svg|40px]] Content: optional: CSS style for entire box: style: Inline CSS styles, which will be applied to ...
Note: If you trying to align a table column (left, center, or right) use Template:Table alignment. This is a generic template for handling the horizontal alignment of elements on a page. Use the template like this: