Updated colored/shaded tutorial images, css adjustments

This commit is contained in:
Victoria Wang 2016-04-15 11:08:38 -07:00
parent 939cfb44bc
commit d6aab961c0
18 changed files with 22 additions and 22 deletions

View file

@ -1,5 +1,5 @@
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg7.png); background-size: 515px;margin-top:4em">
<div class="dialogue" style="left: 0;top:-20px;">
<div class="comic" style="height: 550px; background-image: url(/img/tutorial/ch1pg7.png); background-size: 515px;margin-top:7em">
<div class="dialogue" style="left: 0;top:-50px;">
Now maybe your website needs a list. Here's how an unordered list looks:
<div style="text-align: left; font-weight: bold">
&lt;ul&gt;<br>
@ -9,10 +9,10 @@
&lt;/ul&gt;
</div>
</div>
<div class="dialogue" style="left: 350px; top: 0;">
<div class="dialogue" style="left: 300px; top: -10px;">
First, add a list to your page, but replace my favorite activities with your own!
</div>
<div class="dialogue" style="left: 440px; top: 120px;">
<div class="dialogue" style="left: 400px; top: 90px;">
Second, put an h2 header above the list with some kind of title, like "Interests."
</div>
</div>