Question : Problems with tables in Jquery tabs

Hi,

I have 3 tabs, the final tab needs to hold a table but whenever i try to insert it, the table simply falls below the tab and get's embeded into the page rather than in the tab. Can someone point to say what i'm doing wrong with a suitable correction?

My html/php/jquery knowledge is limited so please explain/fix in lamence terms for me. :)

Example can be found at http://74.53.102.167/~bookedy/tour.php?id=1
 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:

<ul class="tabs">
                          <li><a href="#tab1">Tour Details</a></li>
                <li><a href="#tab2">Itinerary</a></li>
	            <li><a href="#tab3">Dates, Prices & Book</a></li>
          </ul>
                        <div class="tab_container">
                            <div id="tab1" class="tab_content">
                              <p align="left"><span class="style1">Tour Overview </span><br />
                              <?php echo $row_tours['description']; ?></p>
            <p align="center"><img src="pictures/tablinebreak.jpg" alt="linebreak" width="400" height="5" /></p>
            <p align="left"><span class="style1">Highlights</span><br />
              <?php echo $row_tours['highlights']; ?></p>
            <p align="center"><img src="pictures/tablinebreak.jpg" alt="linebreak" width="400" height="5" /></p>
            <p align="left"><span class="style1">Optional Activities</span><br />
              <?php echo $row_tours['optionalextras']; ?></p>
			<p align="center"><img src="pictures/tablinebreak.jpg" alt="linebreak" width="400" height="5" /></p>
			   <p align="left"><b>Operated by</b> <p align="left"><img src="pictures/logos/trekamerica.jpg" alt="trekamerica" />
                </div>
                          <div id="tab2" class="tab_content">
                            <p align="left"><span class="style1">Tour Itinerary </span>
                              <?php do { ?> 
                              <p align="left"><strong>Day <?php echo $row_itinerary['day']; ?>- <?php echo $row_itinerary['location']; ?></strong><br />
                              <?php echo $row_itinerary['description']; ?>    
                              <p>
                              <?php } while ($row_itinerary = mysql_fetch_assoc($itinerary)); ?>
                          </div>
                          <div id="tab3" class="tab_content">
                            <p> <p> <p> <p align="left"><span class="style1"> Dates, Prices &amp; Book!    <p> 
							<table width="500">
                              <tr>
                                <td>Test 1</td>
                                <td>Test 2</td>
                                <td>Test 3</td>
                                <td>Test 4</td>
                              </tr>
                              <tr>
                                <td>Content 1</td>
                                <td>Content 2</td>
                                <td>Content 3</td>
                                <td>Content 4</td>
                              </tr>
                            </table>
							<p>
							  </span>
							  <br />
							  
					            </div>
                        </div>

Answer : Problems with tables in Jquery tabs

I think that the problem is that you are missing tags in other locations.


                  <table width="500px" border="0" cellpadding="0" cellspacing="0">
                    <!--DWLayoutTable-->
                    <tr>  
                      <ul class="tabs">


There is not a <td> here.  the table that isn't working right is embeded here, so the tags may be getting mixed up.
Random Solutions  
 
programming4us programming4us