Talk:EMPIRE Of The BLACK SUN (BLACKSUN)

Css test

For Sgt Patriot to check.

MM

Merlin this has the same result as the Css you created

<div class="fixed-width-picture">[[File:Valdore-screen.jpg|center|500px|link={{filepath:Valdore-screen.jpg}}]]</div> <br> [[File:Valdore-screen.jpg|center|500px|BlackSun Battle Cruiser]]

Thanks for try --Sgt Patriot 00:47, 6 October 2013 (UTC)

note

The purpose of the CSS is to scale on different screensizes without the fixed width of the picture in px breaking the flow of the content.

Example:

[[File:Valdore-screen.jpg|center|700px|BlackSun Battle Cruiser]]

Will give 700px wide no matter the clientsize of the browser window and breake right margin of the content.

While

<div class="fixed-width-picture">[[File:Valdore-screen.jpg|center|700px|link={{filepath:Valdore-screen.jpg}}]]</div>

Will give a scrollbar if the Picture is wider than the content area of the wiki. The scale-width-picture CSS class is what I aimed for, but have not tested it on all browsers and screens yet.

And modern browsers on tablets and phones scale automatic, so this is more for older pc's.

-- Microfix Merlin