Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

User:Borderman/Example file page: Difference between revisions

Content deleted Content added
image details template example
Tag: Replaced
four examples of responsive images: full screen, 800px, 1000px, 1200px
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="res-img">[[File:Cliff edge at Hodge Close Quarry (5556).jpg]]{{c|<small>Max width not set with px, only %, so will enlarge/reduce to any screen size</small>}}</div>
Using '''[[Template:Image details]]'''.

{{File:Cumbria Way with Tilberthwaite Fells (4698).jpeg}}
<div class="res-img-800">[[File:Cliff edge at Hodge Close Quarry (5556).jpg]]{{c|<small>This has a max width of 800px, but will reduce in size</small>}}</div>

<div class="res-img-1000">[[File:Cliff edge at Hodge Close Quarry (5556).jpg]]{{c|<small>This has a max width of 1000px, but will reduce in size</small>}}</div>

<div class="res-img-1200">[[File:Cliff edge at Hodge Close Quarry (5556).jpg]]{{c|<small>This has a max width of 1200px, but will reduce in size</small>}}</div>

<!--{{Template:Image details}}-->

Latest revision as of 14:36, 10 May 2023

Max width not set with px, only %, so will enlarge/reduce to any screen size
This has a max width of 800px, but will reduce in size
This has a max width of 1000px, but will reduce in size
This has a max width of 1200px, but will reduce in size


Cookies help us deliver our services. By using our services, you agree to our use of cookies.