Responsive images #yam

Many staff are now using a graphic at the top of their Moodle module but it isn’t responsive. If you try to view it on a smaller screen it either goes off the page or you have a scroll bar. Use the following to correct this

<div class="row-fluid">

<h4><img style="display: block; margin-left: auto; margin-right: auto;" alt="UWS logo" src="http://moodle.uws.ac.uk/draftfile.php/7/user/draft/824654187/msc%20topup.PNG" width="90%" /></h4>

</div>

Replace the src= “…” with the address of the graphic

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s