Post by Alan Vende on Apr 30, 2018 9:15:49 GMT -8
Not sure if this would be a Template Question or not, so I'm posting it here. I apologize if it is!
The forum (and page) are here.
I have the following CSS
The HTML is here:
and I'm attempting to target the Memoir and AA Series <td>s, but they're not rendering, for some reason. Now that I look back in my CSS here, is the reason why it's not targeting the AA Series tag because it's not up there? I've looked at this code so many times that I feel like I'm seeing things that aren't there. Can someone confirm that it's there or not? It should be because the Series Tag of AA Series is blue. I just wanted to put a comma on that one so it has the same styling, but somehow, I cannot find where that styling is. I don't get it...
Thanks for your help. I'm clueless, haha!
The forum (and page) are here.
I have the following CSS
<style>
div ol.Stand-Alone-Books {
padding-left: 30px;
list-style-position: inside;
list-style-type: decimal;
}
/* Begin CSS for Genre/Series Tags */
.content .TOC-Contents .book-genres,
.content .TOC-Contents .book-series,
.content .TOC-Contents .why-diff-tags-table .spiritual-genre,
.content .TOC-Contents .why-diff-tags-table .memoir-genre,
.content .TOC-Contents .why-diff-tags-table .mystery-thriller,
.content .TOC-Contents .why-diff-tags-table .para-romance,
.content .TOC-Contents .why-diff-tags-table .fantasy-genre,
.content .TOC-Contents .why-diff-tags-table .AA-Series {
text-align: center;
text-transform: uppercase;
font-size: 8px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
}
.content .TOC-Contents .book-genres .spiritual-genre,
.content .TOC-Contents .why-diff-tags-table .spiritual-genre {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #800080;
padding: 5px;
color: #fff;
font-size: 8px;
}
.content .TOC-Contents .book-genres .memoir-genre,
.content .TOC-Contents .book-genres .why-diff-tags-table .memoir-genre {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #000;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .book-genres .mystery-thriller,
.content .TOC-Contents .why-diff-tags-table .mystery-thriller {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #888;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .book-genres .para-romance,
.content .TOC-Contents .why-diff-tags-table .para-romance {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FF0000;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .book-genres .fantasy-genre,
.content .TOC-Contents .why-diff-tags-table .fantasy-genre {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFA500;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .Book-Note .tag-key {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px;
margin-bottom: 10px;
}
.content .TOC-Contents .Book-Note .tag-key .tag-key-header,
.content .TOC-Contents .Book-Note .tag-key .genre-tag-header,
.content .TOC-Contents .Book-Note .tag-key .series-tag-header {
font-weight: bold;
text-align: center;
}
.content .TOC-Contents .Book-Note .tag-key .genre-tag-header {
margin-top: 10px;
}
.content .TOC-Contents .Book-Note .tag-key .series-tag-header {
margin-top: 15px;
}
.content .TOC-Contents .Book-Note .tag-key .list-of-tags-desc {
margin-top: 5px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-header {
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
/* Begin CSS for Solo Table, AA Series Table, and Why Diff Tags Table */
.Stand-Alone-Org-Table, .AA-Series-Org-Table {
font-family: arial, sans-serif;
border-collapse: collapse;
}
.Stand-Alone-Org-Table-td, .AA-Series-Org-Table-td {
/* border: 1px solid #dddddd; */
padding-right: 8px;
}
.AA-Series-Org-Table-title {
padding-bottom: 5px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
margin-top: 5px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-th {
border: 1px solid #dddddd;
text-align: center;
padding: 8px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-td-genres {
text-align: center;
}
/* End CSS for Solo Table, AA Series Table, and Why Diff Tags Table */
</style>
div ol.Stand-Alone-Books {
padding-left: 30px;
list-style-position: inside;
list-style-type: decimal;
}
/* Begin CSS for Genre/Series Tags */
.content .TOC-Contents .book-genres,
.content .TOC-Contents .book-series,
.content .TOC-Contents .why-diff-tags-table .spiritual-genre,
.content .TOC-Contents .why-diff-tags-table .memoir-genre,
.content .TOC-Contents .why-diff-tags-table .mystery-thriller,
.content .TOC-Contents .why-diff-tags-table .para-romance,
.content .TOC-Contents .why-diff-tags-table .fantasy-genre,
.content .TOC-Contents .why-diff-tags-table .AA-Series {
text-align: center;
text-transform: uppercase;
font-size: 8px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
}
.content .TOC-Contents .book-genres .spiritual-genre,
.content .TOC-Contents .why-diff-tags-table .spiritual-genre {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #800080;
padding: 5px;
color: #fff;
font-size: 8px;
}
.content .TOC-Contents .book-genres .memoir-genre,
.content .TOC-Contents .book-genres .why-diff-tags-table .memoir-genre {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #000;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .book-genres .mystery-thriller,
.content .TOC-Contents .why-diff-tags-table .mystery-thriller {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #888;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .book-genres .para-romance,
.content .TOC-Contents .why-diff-tags-table .para-romance {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FF0000;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .book-genres .fantasy-genre,
.content .TOC-Contents .why-diff-tags-table .fantasy-genre {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFA500;
padding: 5px;
color: #fff;
}
.content .TOC-Contents .Book-Note .tag-key {
border: 1px solid #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 10px;
margin-bottom: 10px;
}
.content .TOC-Contents .Book-Note .tag-key .tag-key-header,
.content .TOC-Contents .Book-Note .tag-key .genre-tag-header,
.content .TOC-Contents .Book-Note .tag-key .series-tag-header {
font-weight: bold;
text-align: center;
}
.content .TOC-Contents .Book-Note .tag-key .genre-tag-header {
margin-top: 10px;
}
.content .TOC-Contents .Book-Note .tag-key .series-tag-header {
margin-top: 15px;
}
.content .TOC-Contents .Book-Note .tag-key .list-of-tags-desc {
margin-top: 5px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-header {
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
/* Begin CSS for Solo Table, AA Series Table, and Why Diff Tags Table */
.Stand-Alone-Org-Table, .AA-Series-Org-Table {
font-family: arial, sans-serif;
border-collapse: collapse;
}
.Stand-Alone-Org-Table-td, .AA-Series-Org-Table-td {
/* border: 1px solid #dddddd; */
padding-right: 8px;
}
.AA-Series-Org-Table-title {
padding-bottom: 5px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
margin-top: 5px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-th {
border: 1px solid #dddddd;
text-align: center;
padding: 8px;
}
.content .TOC-Contents .Book-Note .why-diff-tags-td-genres {
text-align: center;
}
/* End CSS for Solo Table, AA Series Table, and Why Diff Tags Table */
</style>
The HTML is here:
<div class="container boards">
<div class="title-bar Books-TOC">
<h3 align="center">Louis' Books Table of Contents</h3>
</div>
<div class="content">
<div class="TOC-Contents">
<div class="Book-Note">
<div align="center" style="padding-bottom: 5px;"><h3><strong>A Note About My Books</strong></h3></div>
<p>Hello, $[current_user]! If you would like to buy a book straight from Amazon, please click the respective book's button below. If you would like to have a signed copy of any of the books below, please click on the respective button. Once you do, you will be redirected to my website where you can purchase the copy there, as Amazon does not sell signed copies.</p>
<br />
<p><em>All of my books are still being written. They will be added here as they are put up onto Amazon and my website. You will <strong>not</strong> be able to buy them off of this forum, though. If you want to buy a copy, please click the respective link(s).</em></p>
<br />
<div class="tag-key">
<p class="tag-key-header">List of Tags</p>
<p class="list-of-tags-desc">For your convenience, I have put tags on my books by genre. The tags I have put on them are as follows:</p>
<p class="genre-tag-header">Genre Tags</p>
<div class="book-genres">
<span class="spiritual-genre">Spiritual</span>
<span class="memoir-genre">Memoir</span>
<span class="mystery-thriller">Mystery/Thriller</span>
<span class="para-romance">Paranormal Romance</span>
<span class="fantasy-genre">Fantasy</span>
</div>
<p class="series-tag-header">Series Tags</p>
<div class="book-series">
<span class="AA-series">AA Series</span>
</div>
</div>
<p class="why-diff-tags-header">Why the different colors on the tags?</p>
<p>I picked the different colors on the tags because they each represent something:</p>
<table class="why-diff-tags-table">
<tr class="why-diff-tags-tr">
<th class="why-diff-tags-th">Color</th>
<th class="why-diff-tags-th">Meaning of Color</th>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="spiritual-genre">Spiritual</span></td>
<td class="why-diff-tags-td">Purple is the color of knowledge.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span clsss="memoir-genre">Memoir</span></td>
<td class="why-diff-tags-td">Black is protection.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="mystery-thriller">Mystery/Thriller</span></td>
<td class="why-diff-tags-td">Grey signifies the "grey-area" of life; the unknown.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="para-romance">Paranormal Romance</span></td>
<td class="why-diff-tags-td">Red signifies romance.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="fantasy-genre">Fantasy</span></td>
<td class="why-diff-tags-td">Orange signifies creativity.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="AA-series">AA Series</span></td>
<td class="why-diff-tags-td">Blue signifes communication.</td>
</tr>
</table>
</div>
<hr />
<div clsas="Solo-Books" style="float: left; padding-left: 5px;">
<h3 class="Stand-Alone-Books-Header" style="padding-bottom: 5px;"><strong>Stand-alone Books</strong></h3>
<table class="Stand-Alone-Org-Table">
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Being Psychic for Beginners</em></span> </td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Best of Both Worlds</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>The Other-side is Just Around the Corner</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Book about Psychic Children (to be named later.)</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Coming Out of the Spiritual Closet: A Journey of a Catholic to an Eclectic Witch</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>My Disability Doesn't Define Me</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="memoir-genre">Memoir</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>My Video Game Journal</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="fantasy-genre">Fantasy</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>My Zombie Journal</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="fantasy-genre">Fantasy</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Mission Critical</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="mystery-thriller">Mystery/Thriller</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Book about Atlantis</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Book about Reiki</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Cords: Living a Life Free of Fear-Based Attachment</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
</table>
</div>
<div class="Series-Books" style="float: right; padding-right: 5px; padding-bottom: 5px;">
<table class="AA-Series-Org-Table">
<tr>
<td class="AA-Series-Org-Table-td AA-Series-Org-Table-title" colspan="2"><h3 align="center"><strong>Series Books</strong></h3></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td AA-Series-Org-Table-title" colspan="2"><h2 align="center"><strong><em>How the Archangels Can Help You</em></strong></h2></td>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 1: Archangel Ariel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 2: Archangel Azrael</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 3: Archangel Chamuel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 4: Archangel Gabriel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 5: Archangel Haniel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 6: Archangel Jeremiel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 7: Archangel Jophiel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 8: Archangel Metatron</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 9: Archangel Michael</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 10: Archangel Raguel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 11: Archangel Raphael</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 12: Archangel Raziel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 13: Archangel Sandalphon</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 14: Archangel Uriel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 15: Archangel Zadkiel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div style="float: left; width: 50%; clear: left;">
<div style="padding-right: 5px;">
<div class="container boards">
<div class="title-bar Books-TOC">
<h3 align="center"><em>Being Psychic for Beginners</em></h3>
</div>
<div class="content">
<div class="TOC-Contents">
<div class="cover-img"><div class="cover-img-text">Cover Coming Soon!</div></div>
<div class="book-genres"><span class="spiritual-genre">Spiritual</span><!-- <span class="memoir-genre">Memoir</span> --></div>
<strong><em><p class="book-desc">The book description will be coming soon! Keep your eyes peeled on this page for more information!</p></em></strong>
<div class="button-panel" align="center"><button>Buy Book on <strong>Amazon</strong></button><button>Buy a <strong>Signed Copy</strong></button></div>
<hr />
<h3 class="Amazon-Review-Header"><strong>Did you read this book?</strong></h3>
<p class="Review-Desc">If you answered "Yes!" to the above question, <em>thank you!</em> It is greatly appreciated! I hope tbat you enjoyed it! It would mean a great deal to me if you cuold please takea a few minutes of your time to leave me a review on the book's Amazon page. It will not only make me happy, but it will also show other potential readers that you enjoyed the book and that you recommend it to them.</p>
<div class="button-panel"><button>Leave a Review on <strong>Amazon</strong></button><button>Leave a Testimonial on <strong>My Website</strong></button></div>
</div>
</div>
</div>
</div>
</div>
<div style="float: left; width: 49.9%;">
<div style="padding-left: 5px;">
<div class="container boards">
<div class="title-bar Books-TOC">
<h3 align="center"><em>Book 1: Archangel Ariel</em></h3>
</div>
<div class="content">
<div class="TOC-Contents">
<div class="cover-img"><div class="cover-img-text">Cover Coming Soon!</div></div>
<div class="book-genres book-series"><span class="spiritual-genre">Spiritual</span> <span class="AA-series">AA Series</span></div>
<strong><em><p class="book-desc">The book description will be coming soon! Keep your eyes peeled on this page for more information!</p></em></strong>
<div class="button-panel" align="center"><button>Buy Book on <strong>Amazon</strong></button><button>Buy a <strong>Signed Copy</strong></button></div>
<hr />
<h3 class="Amazon-Review-Header"><strong>Did you read this book?</strong></h3>
<p class="Review-Desc">If you answered "Yes!" to the above question, <em>thank you!</em> It is greatly appreciated! I hope tbat you enjoyed it! It would mean a great deal to me if you cuold please takea a few minutes of your time to leave me a review on the book's Amazon page. It will not only make me happy, but it will also show other potential readers that you enjoyed the book and that you recommend it to them.</p>
<div class="button-panel"><button>Leave a Review on <strong>Amazon</strong></button><button>Leave a Testimonial on <strong>My Website</strong></button></div>
</div>
</div>
</div>
</div>
</div>
<div class="title-bar Books-TOC">
<h3 align="center">Louis' Books Table of Contents</h3>
</div>
<div class="content">
<div class="TOC-Contents">
<div class="Book-Note">
<div align="center" style="padding-bottom: 5px;"><h3><strong>A Note About My Books</strong></h3></div>
<p>Hello, $[current_user]! If you would like to buy a book straight from Amazon, please click the respective book's button below. If you would like to have a signed copy of any of the books below, please click on the respective button. Once you do, you will be redirected to my website where you can purchase the copy there, as Amazon does not sell signed copies.</p>
<br />
<p><em>All of my books are still being written. They will be added here as they are put up onto Amazon and my website. You will <strong>not</strong> be able to buy them off of this forum, though. If you want to buy a copy, please click the respective link(s).</em></p>
<br />
<div class="tag-key">
<p class="tag-key-header">List of Tags</p>
<p class="list-of-tags-desc">For your convenience, I have put tags on my books by genre. The tags I have put on them are as follows:</p>
<p class="genre-tag-header">Genre Tags</p>
<div class="book-genres">
<span class="spiritual-genre">Spiritual</span>
<span class="memoir-genre">Memoir</span>
<span class="mystery-thriller">Mystery/Thriller</span>
<span class="para-romance">Paranormal Romance</span>
<span class="fantasy-genre">Fantasy</span>
</div>
<p class="series-tag-header">Series Tags</p>
<div class="book-series">
<span class="AA-series">AA Series</span>
</div>
</div>
<p class="why-diff-tags-header">Why the different colors on the tags?</p>
<p>I picked the different colors on the tags because they each represent something:</p>
<table class="why-diff-tags-table">
<tr class="why-diff-tags-tr">
<th class="why-diff-tags-th">Color</th>
<th class="why-diff-tags-th">Meaning of Color</th>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="spiritual-genre">Spiritual</span></td>
<td class="why-diff-tags-td">Purple is the color of knowledge.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span clsss="memoir-genre">Memoir</span></td>
<td class="why-diff-tags-td">Black is protection.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="mystery-thriller">Mystery/Thriller</span></td>
<td class="why-diff-tags-td">Grey signifies the "grey-area" of life; the unknown.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="para-romance">Paranormal Romance</span></td>
<td class="why-diff-tags-td">Red signifies romance.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="fantasy-genre">Fantasy</span></td>
<td class="why-diff-tags-td">Orange signifies creativity.</td>
</tr>
<tr class="why-diff-tags-tr">
<td class="why-diff-tags-td why-diff-tags-td-genres"><span class="AA-series">AA Series</span></td>
<td class="why-diff-tags-td">Blue signifes communication.</td>
</tr>
</table>
</div>
<hr />
<div clsas="Solo-Books" style="float: left; padding-left: 5px;">
<h3 class="Stand-Alone-Books-Header" style="padding-bottom: 5px;"><strong>Stand-alone Books</strong></h3>
<table class="Stand-Alone-Org-Table">
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Being Psychic for Beginners</em></span> </td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Best of Both Worlds</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>The Other-side is Just Around the Corner</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Book about Psychic Children (to be named later.)</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Coming Out of the Spiritual Closet: A Journey of a Catholic to an Eclectic Witch</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>My Disability Doesn't Define Me</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="memoir-genre">Memoir</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>My Video Game Journal</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="fantasy-genre">Fantasy</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>My Zombie Journal</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="fantasy-genre">Fantasy</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Mission Critical</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="mystery-thriller">Mystery/Thriller</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Book about Atlantis</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Book about Reiki</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="Stand-Alone-Org-Table-td"><span><em>Cords: Living a Life Free of Fear-Based Attachment</em></span></td>
<td class="Stand-Alone-Org-Table-td right-spiritual-td-solo"><span class="spiritual-genre">Spiritual</span></td>
</tr>
</table>
</div>
<div class="Series-Books" style="float: right; padding-right: 5px; padding-bottom: 5px;">
<table class="AA-Series-Org-Table">
<tr>
<td class="AA-Series-Org-Table-td AA-Series-Org-Table-title" colspan="2"><h3 align="center"><strong>Series Books</strong></h3></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td AA-Series-Org-Table-title" colspan="2"><h2 align="center"><strong><em>How the Archangels Can Help You</em></strong></h2></td>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 1: Archangel Ariel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 2: Archangel Azrael</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 3: Archangel Chamuel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 4: Archangel Gabriel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 5: Archangel Haniel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 6: Archangel Jeremiel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 7: Archangel Jophiel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 8: Archangel Metatron</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 9: Archangel Michael</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 10: Archangel Raguel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 11: Archangel Raphael</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 12: Archangel Raziel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 13: Archangel Sandalphon</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 14: Archangel Uriel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
<tr>
<td class="AA-Series-Org-Table-td"><span><em>Book 15: Archangel Zadkiel</em></span></td>
<td class="AA-Series-Org-Table-td right-spiritual-td"><span class="spiritual-genre">Spiritual</span></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div style="float: left; width: 50%; clear: left;">
<div style="padding-right: 5px;">
<div class="container boards">
<div class="title-bar Books-TOC">
<h3 align="center"><em>Being Psychic for Beginners</em></h3>
</div>
<div class="content">
<div class="TOC-Contents">
<div class="cover-img"><div class="cover-img-text">Cover Coming Soon!</div></div>
<div class="book-genres"><span class="spiritual-genre">Spiritual</span><!-- <span class="memoir-genre">Memoir</span> --></div>
<strong><em><p class="book-desc">The book description will be coming soon! Keep your eyes peeled on this page for more information!</p></em></strong>
<div class="button-panel" align="center"><button>Buy Book on <strong>Amazon</strong></button><button>Buy a <strong>Signed Copy</strong></button></div>
<hr />
<h3 class="Amazon-Review-Header"><strong>Did you read this book?</strong></h3>
<p class="Review-Desc">If you answered "Yes!" to the above question, <em>thank you!</em> It is greatly appreciated! I hope tbat you enjoyed it! It would mean a great deal to me if you cuold please takea a few minutes of your time to leave me a review on the book's Amazon page. It will not only make me happy, but it will also show other potential readers that you enjoyed the book and that you recommend it to them.</p>
<div class="button-panel"><button>Leave a Review on <strong>Amazon</strong></button><button>Leave a Testimonial on <strong>My Website</strong></button></div>
</div>
</div>
</div>
</div>
</div>
<div style="float: left; width: 49.9%;">
<div style="padding-left: 5px;">
<div class="container boards">
<div class="title-bar Books-TOC">
<h3 align="center"><em>Book 1: Archangel Ariel</em></h3>
</div>
<div class="content">
<div class="TOC-Contents">
<div class="cover-img"><div class="cover-img-text">Cover Coming Soon!</div></div>
<div class="book-genres book-series"><span class="spiritual-genre">Spiritual</span> <span class="AA-series">AA Series</span></div>
<strong><em><p class="book-desc">The book description will be coming soon! Keep your eyes peeled on this page for more information!</p></em></strong>
<div class="button-panel" align="center"><button>Buy Book on <strong>Amazon</strong></button><button>Buy a <strong>Signed Copy</strong></button></div>
<hr />
<h3 class="Amazon-Review-Header"><strong>Did you read this book?</strong></h3>
<p class="Review-Desc">If you answered "Yes!" to the above question, <em>thank you!</em> It is greatly appreciated! I hope tbat you enjoyed it! It would mean a great deal to me if you cuold please takea a few minutes of your time to leave me a review on the book's Amazon page. It will not only make me happy, but it will also show other potential readers that you enjoyed the book and that you recommend it to them.</p>
<div class="button-panel"><button>Leave a Review on <strong>Amazon</strong></button><button>Leave a Testimonial on <strong>My Website</strong></button></div>
</div>
</div>
</div>
</div>
</div>
and I'm attempting to target the Memoir and AA Series <td>s, but they're not rendering, for some reason. Now that I look back in my CSS here, is the reason why it's not targeting the AA Series tag because it's not up there? I've looked at this code so many times that I feel like I'm seeing things that aren't there. Can someone confirm that it's there or not? It should be because the Series Tag of AA Series is blue. I just wanted to put a comma on that one so it has the same styling, but somehow, I cannot find where that styling is. I don't get it...
Thanks for your help. I'm clueless, haha!
Guitarnutz2
