0

I'm using the table function on a website builder and want to create space between tables so I can add text. When I place the text in what looks like the correct position between the tables on the builder page, when I view the page, the text appears to the right at the top of the tables.

I am able to edit in HTML, for example, inserting Paypal button codes, but I don't know enough about HTML to make the adjustment I need. Can someone give me the code that needs to be inserted between the two tables?

Here is the html for two of the tables. I want to create a space and add text between these two tables. There are several more similar tables above and below.

<table border="0" cellpadding="2" align="left">
<tbody>
<tr>
<td style="background-color: #b6da76; height: 30px; width: 200px;" valign="middle">
<p style="text-align: center;"><span style="font-size: small;"><strong>Zen Shiatsu*<br /></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>$120</strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><img src="http://sedona.massagetherapy.com/bodywork_images/General_images/ABMP10_11.jpg" alt="" width="174" height="115" /><br /></strong></span></p>
</td>
<td style="background-color: #b6da76; height: 30px; width: 30px;" valign="middle">&nbsp;</td>
<td style="background-color: #b6da76; height: 30px; width: 325px;" align="left" valign="middle">
<p style="text-align: left;"><span style="font-size: small; font-family: verdana,geneva;"><em><strong>Something different!</strong></em></span></p>
<p style="text-align: left;">Stretching, finger and palm pressure to balance and energize your meridians (energy channels). Experience a state of deep relaxation, while feeling fully energized.</p>
<p style="text-align: left;">Fully clothed session on a futon mat.</p>
<p style="text-align: left;">(80 minutes)</p>
<form action=Paypal button</form></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>

This is where I want the space and the text

<table border="0" cellpadding="2" align="left">
<tbody>
<tr>
<td style="background-color: #b6da76; height: 30px; width: 200px;" valign="middle">
<p style="text-align: center;"><span style="font-size: small;"><strong>Energy Medicine*<br /></strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong>$95 - $145</strong></span></p>
<p style="text-align: center;"><span style="font-size: small;"><strong><img src="http://sedona.massagetherapy.com/bodywork_images/DonnaEden3rdEyesmaller.jpg" alt="" width="119" height="177" /><br /></strong></span></p>
</td>
<td style="background-color: #b6da76; height: 30px; width: 30px;" valign="middle">&nbsp;</td>
<td style="background-color: #b6da76; height: 30px; width: 325px;" align="left" valign="middle">
<p style="text-align: left;"><span style="font-size: small; font-family: verdana,geneva;"><em><strong>Empowering you in staying healthy!<br /></strong></em></span></p>
<p style="text-align: left;">Your first session with Jyoti needs to be an Initial Session for 90 minutes. After that, you may book individual sessions as needed. These sessions are around 75 minutes.</p>
<form action=Paypal button</form></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>

Edited by happygeek: fixed formatting

4
Contributors
7
Replies
13
Views
7 Years
Discussion Span
Last Post by jyotimagic
0

IT WORKS FOR ME. JUST INSERT YOUR CODES THERE. I JUST RUSH IT.

<table width="492" border="1">
  <tr>
    <td width="203"><p><strong>Zen Shiatsu*<br />
    </strong></p>
      <p><strong>$120</strong></p>
    <p><strong><img src="http://sedona.massagetherapy.com/bodywork_images/General_images/ABMP10_11.jpg" alt="" width="174" height="115" /></strong></p></td>
    <td width="89">&nbsp;</td>
    <td width="178"><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="10" valign="middle"></td>
        <td width="211" align="left" valign="middle"><p><em><strong>Something different!</strong></em></p>
          <p>Stretching, finger and palm pressure to   balance and energize your meridians (energy channels). Experience a   state of deep relaxation, while feeling fully energized.</p>
          <p>Fully clothed session on a futon mat.</p>
          <p>(80 minutes)</p></td>
      </tr>
    </table></td>
  </tr>
</table>
<p><br />
kdasd</p>
<p>&nbsp;</p>
<table width="492" border="1">
  <tr>
    <td width="203"><p><strong>Zen Shiatsu*<br />
    </strong></p>
      <p><strong>$120</strong></p>
      <p><strong><img src="http://sedona.massagetherapy.com/bodywork_images/General_images/ABMP10_11.jpg" alt="" width="174" height="115" /></strong></p></td>
    <td width="89">&nbsp;</td>
    <td width="178"><table cellspacing="0" cellpadding="0">
      <tr>
        <td width="10" valign="middle"></td>
        <td width="211" align="left" valign="middle"><p><em><strong>Something different!</strong></em></p>
          <p>Stretching, finger and palm pressure to   balance and energize your meridians (energy channels). Experience a   state of deep relaxation, while feeling fully energized.</p>
          <p>Fully clothed session on a futon mat.</p>
          <p>(80 minutes)</p></td>
      </tr>
    </table></td>
  </tr>
</table>
0

If it works, then please post the thread as solved, so someone else looking for help can find it...

0

Next time I checked the page, the text had jumped to the side of the tables again. I've tried re-doing it, in case there was any messy code making it do this, but even with starting over and putting

<p><br />
my text</p>
<p>&nbsp;</p>

between where one table finishes and the next one starts, the text still jumps. I guess it has something to do with the way the builder is set up, but I can't figure it out. To get around it, I put the text I needed inside a single row table. However, now I want to put links to a top anchor between each section as it's getting too long. Anyone else got some thoughts on this?

0

Next time I checked the page, the text had jumped to the side of the tables again. I've tried re-doing it, in case there was any messy code making it do this, but even with starting over and putting

<p><br />
my text</p>
<p>&nbsp;</p>

between where one table finishes and the next one starts, the text still jumps. I guess it has something to do with the way the builder is set up, but I can't figure it out. To get around it, I put the text I needed inside a single row table. However, now I want to put links to a top anchor between each section as it's getting too long. Anyone else got some thoughts on this?

Please try this:

<!--BEGIN 1ST ITEM-->
<table width="492" border="1">
  <tr>
    <td colspan="3"><a href="#">Your link here</a></td>
  </tr>
  <tr>
    <td width="203" valign="top"><strong>Zen Shiatsu*<br />
    </strong>
      <strong>$120</strong>
      <img src="http://sedona.massagetherapy.com/bodywork_images/General_images/ABMP10_11.jpg" alt="" width="174" height="115" /></td>
    <td width="56">&nbsp;</td>
    <td width="211"><table cellspacing="0" cellpadding="5">
      <tr>
        <td width="211" align="left" valign="middle"><p align="justify"><em><strong>Something different!</strong></em></p>
          <p align="justify">Stretching, finger and palm pressure to   balance and energize your meridians (energy channels). Experience a   state of deep relaxation, while feeling fully energized.</p>
          <p align="justify">Fully clothed session on a futon mat.</p>
          <p align="justify">(80 minutes)</p></td>
      </tr>
    </table></td>
  </tr>
</table>
<!--END 1ST ITEM-->

<p>-----------Any text----------</p>

<!--BEGIN 2ND ITEM-->
<table width="492" border="1">
  <tr>
    <td colspan="3"><a href="#">Your link here</a></td>
  </tr>
  <tr>
    <td width="203" valign="top"><strong>Zen Shiatsu*<br />
    </strong> <strong>$120</strong> <img src="http://sedona.massagetherapy.com/bodywork_images/General_images/ABMP10_11.jpg" alt="" width="174" height="115" /></td>
    <td width="56">&nbsp;</td>
    <td width="211"><table cellspacing="0" cellpadding="5">
      <tr>
        <td width="211" align="left" valign="middle"><p align="justify"><em><strong>Something different!</strong></em></p>
          <p align="justify">Stretching, finger and palm pressure to   balance and energize your meridians (energy channels). Experience a   state of deep relaxation, while feeling fully energized.</p>
          <p align="justify">Fully clothed session on a futon mat.</p>
          <p align="justify">(80 minutes)</p></td>
      </tr>
    </table></td>
  </tr>
</table>
<!--END 2ND ITEM-->

Just leave a reply if it is not what you want to happen, I'll be glad to help you out :)

And may I know hat software do you use in coding html?

0

Thanks, I'll give it a go. I don't know what the software is. I'm using a template/website package that comes with my massage association membership. They give some online help, but it hasn't been very useful in this instance.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.