Krygore
Bronze Coder
I have two issues that I am currently facing.
First, I'm having issues getting an image to align to the right hand side of the page with the text to the left, capable of wrapping underneath the image. Like a standard web page would show.
Second, I would like to change the color of linked text so that it is more visible against a darker background. I'm unsure if this is done within the <a> tag or if it is something done within CSS.
Here's where I'm at...
[CODE lang="html" title="Image alignment"] <section>
<div class="container">
<img id="whoareyoujpg" src="images/who_are_you.jpg">
</div>
<p>Here, you will begin the creation of your Dragonborn character. There are ten different <strong><em><span color="goldenrod">races</span></em></strong> to choose from;</p>
<ul id="race-list">
<li>Altmer (High Elves)</li>
<li>Argonian</li>
<li>Bosmer (Wood Elves)</li>
<li>Breton</li>
<li>Dunmer (Dark Elves)</li>
<li>Imperial</li>
<li>Khajiit</li>
<li>Nord</li>
<li>Orc</li>
<li>Redguard</li>
</ul>
</section>[/CODE]
[CODE title="Link text color"] <section>
<h3>Table of Contents</h3>
<table id="table-of-contents">
<tr>
<td><a href="a_new_beginning.html" target="_blank">A New Beginning</a></td>
</tr>
</table>
</section>[/CODE]
Hope this coding helps.
First, I'm having issues getting an image to align to the right hand side of the page with the text to the left, capable of wrapping underneath the image. Like a standard web page would show.
Second, I would like to change the color of linked text so that it is more visible against a darker background. I'm unsure if this is done within the <a> tag or if it is something done within CSS.
Here's where I'm at...
[CODE lang="html" title="Image alignment"] <section>
<div class="container">
<img id="whoareyoujpg" src="images/who_are_you.jpg">
</div>
<p>Here, you will begin the creation of your Dragonborn character. There are ten different <strong><em><span color="goldenrod">races</span></em></strong> to choose from;</p>
<ul id="race-list">
<li>Altmer (High Elves)</li>
<li>Argonian</li>
<li>Bosmer (Wood Elves)</li>
<li>Breton</li>
<li>Dunmer (Dark Elves)</li>
<li>Imperial</li>
<li>Khajiit</li>
<li>Nord</li>
<li>Orc</li>
<li>Redguard</li>
</ul>
</section>[/CODE]
[CODE title="Link text color"] <section>
<h3>Table of Contents</h3>
<table id="table-of-contents">
<tr>
<td><a href="a_new_beginning.html" target="_blank">A New Beginning</a></td>
</tr>
</table>
</section>[/CODE]
CSS:
/*A New Beginning*/
#whoareyoujpg{
align-content: right;
height:200px
}
#race-list{
color:goldenrod;
text-decoration: underline;
}
}
#table-of-contents{
color:rgb(216, 189, 35)
}
Hope this coding helps.