View source for 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 

<nowiki><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]]</nowiki>


Thanks for try --[[User:Sgt Patriot|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:

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

[[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

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

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

--&nbsp;<span style="font-family: 'Comic Sans MS', cursive, sans-serif; color:navy;">'''''Microfix&nbsp;Merlin'''''</span>