wiki image

From MediaWiki.org
Jump to: navigation, search

how to align a picture on my wiki edits. I want the picture on the extreme right corner with text on the left. HOw?

 
182.177.158.18217:05, 3 April 2011
 
An example image showing how text will float around it.

The default placement for a thumbnail is over on the right with the text floating around it, so make your image a thumbnail then give it a default width and a caption. Put the picture at the top of the text that you want over on the left. The example image of a sunflower field is the first thing in this paragraph, for instance, and was created with the following text: [[Image:example.jpg|thumb|300px|An example image showing how text will float around it.]]

You'll notice that the text is to the left of the image and that it eventually flows out around the image. If you have a really short paragraph followed by a section header, the image will go down over the side of it. You can force text to resume after the image by "clearing the float" -- add the template: {{clear}} or learn what that means in CSS and add a div with a style that clears a right float. Anyway, here's some more dummy text to show you how the text floats around the image.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

 
Banaticus02:39, 4 April 2011
 
Personal tools
Variants
Actions
Site
Support
Download
Development
Communication
Toolbox