Hello guys. I have run into another snag, while working on a project that’s of great interest to me. For some reason one of the links in a web page that I’m creating does not work, also the table won’t create alternating backgrounds, which is why I used the <span> tag, to at least change the color of the writing, but I don’t really like the span tag all that much, and would greatly prefer the alternating background like the lovely example I saw on [url]www.w3schools.com
Anyway, the biggest problem is the broken link, while the other problem is mostly cosmetic.
Here is the code.
[code=html] <table id=”outlines”>
<tr><th>Literary Outlines</th>
<th>Description</th>
</tr>
<tr><td>
<a href=”http://toolkitsforwriters.net78.net/NovelOutline.pdf” target=”_blank”>
<img src=”https://secdiary.com/wp-content/uploads/2011/12/Adobe-PDF-Logo1-e1323851226895.jpg” width=”25″ height=”25″ alt=”pdf file”/>Novel outline</a>
</td>
<td>An outline for fiction writers, as well as aspiring fiction writers, which includes character, outlines, chapter outlines for up to 50 chapters, note pages, and advice for writers.
</td>
</tr>
<tr class=”alt”>
<td>
<a href=”http://toolkitsforwriters.net78.net/Shortstoryoutline.pdf” target=”_blank”>
<img src=”https://secdiary.com/wp-content/uploads/2011/12/Adobe-PDF-Logo1-e1323851226895.jpg” width=”25″ height=”25″ alt=”pdf file”/>Short Story Outline</a>
</td>
<td>
<span style=”color: #513333;”>A complete outline for short stories, which has a place for outlining plot, and character notes, additional notes, as well as advice for beginning short story writers.</span>
</td>
</tr>
<tr>
<td>
<a href=”http://toolkitsforwriters.net78.net/essay%20outline.pdf” target=”_blank”>
<img src=”https://secdiary.com/wp-content/uploads/2011/12/Adobe-PDF-Logo1-e1323851226895.jpg” width=”25″ height=”25″ alt=”pdf file”/>Essay outline</a>
</td>
<td>
An outline for students, and writers for writing essays which includes spaces for cited resources, notes, and an outline for the introductory, conclusive, and supporting sentences.
</td>
</tr>
<tr class=”alt”>
<td>
<a href=”http://toolkitsforwriters.net78.net/non%20fiction%20book%20outline.pdf” target=”_blank”>
<img src=”https://secdiary.com/wp-content/uploads/2011/12/Adobe-PDF-Logo1-e1323851226895.jpg” width=”25″ height=”25″ alt=”pdf file”/>Non Fiction Book Outline</a>
</td>
<td>
<span style=”color: #513333;”>This is an outline for non fiction writers, which contains spaces for references, interview notes, and chapter outlines for up to 50 chapters, plus additional note pages, that can be used for brainstorming or to add to any section for additional notes.</span>
</td>
</tr>
</table>
Here is the CSS code to go with it:
[CODE] #outlines {
font-family: Trebuchet;
position: relative;
top: 220px;
margin-bottom: 100px;
left: 200px;
width: 750px;
right: auto;
left: 20%;
padding-left: 10px;
padding-right: 10px;
background: #A89999;
z-index: -2;
text-shadow: 0 2px 1px rgba(0,0,0,0.5);
display: block;
color: #f0f0f0;
font-size: 1.3em;
margin: 0 .5em;
font-weight: 200;
}
#outline th{
text-shadow: 0 2px 1px rgba(0,0,0,0.5);
display: block;
font-size: 1.3em;
margin: 0 .5em;
position: relative;
top: 20px;
font-size: 1.1em;
text-align: center;
padding-top: 20px;
padding-bottom: 4px;
background: #A9A9A4;
z-index: 0;
}
#outline tr.alt td {
color: #000000;
background-color: #7A7A52;
border-style: solid ;
border-width: 1px;
border-color: #260000;
padding: 10px;
}
a:link {
text-decoration: none;
color: #F1F1EA;
}
a:visited {
text-decoration: none;
color: #F1F1EA;
}
a:hover {
text-decoration: underline;
color: #F1F1EA;
}
a:active {
text-decoration: underline;
color: #F1F1EA;
And here’s the link for the link that doesn’t work to show that it’s legit, and on a web server:
[URL=”http://toolkitsforwriters.net78.net/NovelOutline.pdf”]http://toolkitsforwriters.net78.net/NovelOutline.pdf
Any help/suggestions are appreciated, thanks.