Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder tpeck's Avatar
    Join Date
    Oct 2002
    Location
    Sydney, Australia
    Posts
    884
    Thanks
    53
    Thanked 6 Times in 5 Posts

    correct css class for a table in a slide out tab

    I have a slide out tab in jquery, the text content of which is usually between header and <p> tags, something like:

    Code:
    <h3>Contact me</h3>
    <p>Thanks</p>

    But if I play around with the content and place it in a table (OK, old style coding admittedly, but the only way I know to wrap everything correctly), then the tab doesn't display at all.

    I figure it is something to do with incorrect CSS:

    Code:
    .slide-out-div {
    padding: 10px;
    width: 450px;
    background: #F9F7F7;
    border: 1px solid #29216d;
    }
    
    #summary {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    }
    Code:
    <div class="slide-out-div">
    <table id="summary" border="0" cellpadding="3" style="border-collapse: collapse" width="100%">
    	<tr>
    		<td valign="top">&nbsp;</td>
    		<td valign="top">&nbsp;</td>
    		<td valign="top"><b>SUMMARY:</b></td>
    	</tr>
    	<tr>
    		<td valign="top">–</td>
    		<td valign="top">&nbsp;</td>
    		<td valign="top">every part of (almost every) question is found somewhere in the passage</td>
    	</tr>
    	<tr>
    		<td valign="top">–</td>
    		<td valign="top">&nbsp;</td>
    		<td valign="top">it is important it is to go looking in the right paragraph(s)</td>
    	</tr>
    	<tr>
    		<td valign="top">–</td>
    		<td valign="top">&nbsp;</td>
    		<td valign="top">identifying paragraph content is the key</td>
    	</tr>
    	</table>
    </div>
    Where am I going wrong? (er...apart from still using tables!)
    The difference between genius and stupidity is that genius has its limits. (Albert Einstein)

  • #2
    Regular Coder tpeck's Avatar
    Join Date
    Oct 2002
    Location
    Sydney, Australia
    Posts
    884
    Thanks
    53
    Thanked 6 Times in 5 Posts
    Oops!

    I have solved my own problem by realising that I omitted to include the handle that created the tab:

    Code:
    <div class="slide-out-div">
    <div class="handle"></div>
    <table id="summary"...
    Sorry!
    The difference between genius and stupidity is that genius has its limits. (Albert Einstein)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •