Redigera i HTML-koden för att lägga luft runt dina bilder

Trött på bilder som ligger för tätt in till texten? Här kan du lära dig hacka lite HTML-kod för att lägga till luft runt en bild.

Öppna din sida i Canvas och öppna den i redigeringsläget.

Välj HTML editor längst ner till höger.

HTML editor

Leta rätt på HTML-koden för bilden du vill lägga luft runt.

Du kan söka genom att välja CTRL+F eller Command+F för att söka bilder med: <img för att hitta bilder i koden.

Lägg till style="" efter <img

Inom citat-tecknen lägg till följande: padding: 10px;. Om det redan finns style egenskaper lägger du till semicolons för att skilja dem: (till exempel style="padding: 10px; float: right;")

Gå tillbaka till redigeringsvyn för att kolla att du har lagt till luft runt bilden.

Se följande exempel - bilden är justerat till höger och har luft

Koden:

<p><span><img id="1973372" style="padding: 10px; float: right;" src="/courses/18854/files/1973372/preview?verifier=4HEbqOYV0rhTrqXgF3K9vAYnJHnRZEqW9U4LJtEZ" alt="julkalender kursbild.jpg" data-api-endpoint="https://ki.instructure.com/api/v1/courses/18854/files/1973372" data-api-returntype="File" />"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span></p>

Vyn på sidan

julkalender kursbild.jpg "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Video-guide

Video som visar ovanstående.

Source: Adding Padding to Images in Canvas