Wordpress Themes - WP Forum at BFA - Table inside of table

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)

- - Table inside of table (http://forum.bytesforall.com/showthread.php?t=18499)

beetle8

Sep 27, 2012 06:48 PM

Table inside of table

This probably isn't the right place, but this is the only 'coding' forum I'm a member of.

I've made exactly what I want with the following html and necessary css. But if I go from the 'HTML' tab to the 'visual' tab, Wordpress wrecks the code, is table inside of table a "no no?"
There's a picture of what it looks like at the bottom.

HTML Code:

<table class="askTheCoach" width="560" height="215" cellspacing="0" cellpadding="0">

<tr>

<td valign="top" aligh="left" >

  <table cellspacing="0" cellpadding="0" class="askTheCoachbord">

    <tr>

      <th >Ask the Coach</th>

    </tr>

    <tr >

      <td class="askTheCoachmenu" id="askList" ><ul>

       <li>Ask Your Question</li>

       <li>Read the Latest Answer</li>

       <li>Read Back Issues</li></ul></td>

     </tr>

  </table>

</td>

</tr>

</table>

http://www.championphotollc.com/wp-c...8.44.31-PM.png

juggledad

Sep 27, 2012 06:50 PM

Quote:

I've made exactly what I want with the following html and necessary css. But if I go from the 'HTML' tab to the 'visual' tab, Wordpress wrecks the code

this is one of teh reasone I never use the visual editor

beetle8

Sep 27, 2012 06:52 PM

I don't either, but there are other folks that will be wondering around the back end of the site, so...

But is there anything wrong with the code?

juggledad

Sep 27, 2012 07:21 PM

the code looks fine - the issue is that when you swap to the visual editor, wordpress does some things that don't work the way you would expect. (Have you noticed it adds in extra <p> where you don't have them)

beetle8

Sep 27, 2012 07:31 PM

Yeah, I try not to switch, but have noticed all sorts of screwy things,
adding tags, moving tags and so forth.

Thanks, for having a look.

lmilesw

Sep 27, 2012 07:50 PM

WordPress shouldn't strip out table tags but if I copy the code just as it is shown in your post it "breaks" if I switch to the visual editor. Unless it is a typo you have spaces in some of your table tags. If I take out the spaces in the table tags it doesn't break.

HTML Code:

<table class="askTheCoach" width="560" height="215" cellspacing="0" cellpadding="0">

<tr>

<td valign="top" aligh="left">

  <table cellspacing="0" cellpadding="0" class="askTheCoachbord">

    <tr>

      <th>Ask the Coach</th>

    </tr>

    <tr>

      <td class="askTheCoachmenu" id="askList" ><ul>

       <li>Ask Your Question</li>

       <li>Read the Latest Answer</li>

       <li>Read Back Issues</li></ul></td>

     </tr>

  </table>

</td>

</tr>

</table>

beetle8

Sep 28, 2012 05:50 AM

Well that's interesting,

So I went back and removed the spaces, and one spelling mistake.

Now it doesn't break as much

Everything stays the same except WP strips the table height attribute cutting the picture in half.

Is there a more appropriate way to accomplish what I'm doing?
Borders, titles, linked list over a picture?
http://www.championphotollc.com/wp-c...7.47.34-AM.png

juggledad

Sep 28, 2012 06:14 AM

what is the url?

lmilesw

Sep 28, 2012 06:44 AM

Use inline CSS for width and height like the following. Some table attributes are deprecated and you should use CSS instead.

HTML Code:

<table class="askTheCoach" style="width: 560px; height: 215px;" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td valign="top">

<table class="askTheCoachbord" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<th>Ask the Coach</th>

</tr>

<tr>

<td id="askList" class="askTheCoachmenu">

<ul>

        <li>Ask Your Question</li>

        <li>Read the Latest Answer</li>

        <li>Read Back Issues</li>

</ul>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

All times are GMT -6. The time now is 04:21 PM.