Difference between revisions of "Talk:EMPIRE Of The BLACK SUN (BLACKSUN)"
m (update) |
m |
||
| Line 33: | Line 33: | ||
<br> | <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. | 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. | ||
| + | |||
| + | -- <span style="font-family: 'Comic Sans MS', cursive, sans-serif; color:navy;">'''''Microfix Merlin'''''</span> | ||
Revision as of 22:05, 6 October 2013
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 500px 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
