i using two-column layout header , sticky footer on right side. content area of right column has section , aside displayed inline.
i attempting create faq page. using description list questions , answers, , have link @ bottom of list go top.
for 1 of answers (description data), want add table of information. tried putting table in place of "dd", , tried putting within "dd". either way, table appears below "go top" link , causes footer rise on page , overlay other information.
is there way have table part of "dd" without these adverse affects? if not, other viable solutions there format page?
here code affected areas of page:
faq
<dl> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question. table below further explanation of answer.</dd> <dd> <table style="width: 600px; border:none;"> <tr><th><a style="font-weight:bold;"><em>header 1:</em></a></th></tr> <tr><th><a style="font-variant:small-caps; letter-spacing: 1px;"><em> header 2 </em></a></th><td>- information$300 3 hours of play</td> </tr> <tr><th><a style="font-variant:small-caps; letter-spacing: 1px;"><em> header 3 </em></a></th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- nformation</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th><a style="font-variant:small-caps; letter-spacing: 1px:"><em> header 4 </em></a></th><td>- information</td></tr> </dd> <br> </dl> <a href="#top">go top</a> </section> <aside><h2>comments</h2> <div class="blockquote"><blockquote><q> love two!</q></blockquote> </div> <p class="name">person</p> <div class="blockquote"><blockquote><q>i love two!</q></blockquote></div> <p class="name">person</p> <div class="blockquote"><blockquote><q>i love two!</q></blockquote></div> <p class="name">person</p></aside> <div id="footer"> <div>©copyright 2015. rights reserved.</div> </div>
you not closing opened <table> tag. close using </table> before </dd>. code
<dl> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question.</dd> <br> <dt>q   question?</dt> <dd>a   paragraph of information answer question. table below further explanation of answer.</dd> <dd> <table style="width: 600px; border:none;"> <tr><th><a style="font-weight:bold;"><em>header 1:</em></a></th></tr> <tr><th><a style="font-variant:small-caps; letter-spacing: 1px;"><em> header 2 </em></a></th><td>- information$300 3 hours of play</td> </tr> <tr><th><a style="font-variant:small-caps; letter-spacing: 1px;"><em> header 3 </em></a></th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- nformation</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th> </th><td>- information</td></tr> <tr><th><a style="font-variant:small-caps; letter-spacing: 1px:"><em> header 4 </em></a></th><td>- information</td></tr> </table> <!-- missed out tag --> </dd> <br> </dl> <a href="#top">go top</a> </section> <aside><h2>comments</h2> <div class="blockquote"><blockquote><q> love two!</q></blockquote> </div> <p class="name">person</p> <div class="blockquote"><blockquote><q>i love two!</q></blockquote></div> <p class="name">person</p> <div class="blockquote"><blockquote><q>i love two!</q></blockquote></div> <p class="name">person</p></aside> <div id="footer"> <div>©copyright 2015. rights reserved.</div> </div> 
Comments
Post a Comment