Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #198215

    Hi all,
    I’m trying to use the text area element in the dymanic template builder (or even the text widget) in order to insert a table codified with simple html code.
    The problem is that the table appears in a completely wrong manner, in particular the text alignment is missing (justified in my case), each cell has got a border even though there are no borders in the original html code and the background color too is missing!
    The html code of course is properly written, and works good if opened in any browser; but when I choose to use the same code in those text areas everything appears in a wrong way.
    Do you know how I can insert a properly coded table in the text areas of your template?

    Thank you very much!

    #198259

    Hey matteora!

    Can you post the link to your page where you have added HTML tables so we can inspect elements?

    Cheers!
    Yigit

    #198268

    Hi Yigit, sure ;)
    the website is still the same http://goo.gl/YhYYQL
    I used the following code to insert the table (actually only 1 column and 4 rows) but it shows up very badly.
    The main problem are the borders of each cell that are much wider than the ones coded in html and this causes the table not to fit in the sidebar…
    the table’s width must be 321 pixels but, I don’t know why, wordpress (or the shoutbox template) adds a lot of empty pixels around each edge

    <table width="321" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td bgcolor="#000000" style="background-color: #000;"><img src="http://www.terramia.com/falbum/parigi2007_expo/pca/WID_1963.jpg" width="321" height="132" alt="daniel" /></td>
      </tr>
      <tr>
        <td bgcolor="#000000" style="background-color: #000;"><table width="321" border="0" cellpadding="4" cellspacing="4">
          <tr>
            <td valign="top" bgcolor="#000000" style="background-color: #000;">&nbsp;</td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#000000" style="background-color: #000;"><p><span style="color: #dbdbdb; font-weight: bold; font-size: 14px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;">INTERVIEWS -</span> <span style="color: #fac127; font-weight: bold; font-style: italic; font-size: 14px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; ;">EXPLORERS OF THE ABYSS</span><br />
              <span style="color: #dbdbdb; font-style: italic; font-size: 12px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;">DANIEL PAHARNICU</span><br><br>
              <span style="text-align: justify; letter-spacing: 0px; color: #dbdbdb; font-size: 11px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;">
              
              Ascends out of Cetatile Ponorului. &quot;From exploring uncharted caves, to fighting wild fires, to participating in modern apuseni rituals, I have been very fortunate to have had many interesting experiences in the field,&quot; the explorer recalls</span> <span style="color: #EBC03C; font-style: italic; font-size: 11px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;">... read more ></span></p></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td bgcolor="#000000" style="background-color: #000;"><table width="321" border="0" align="center" cellpadding="1" cellspacing="1">
          <tr>
            <td><img src="http://www.photogiannoulis.com/images/intro/logoIntro.jpg" width="313" height="70" alt="logo" /></td>
          </tr>
        </table></td>
      </tr>
    </table>
    #198270

    Hey!

    Can you point out the page you where this table is present?

    Best regards,
    Yigit

    #198272

    It is in the homepage, top right part (first element of the sidebar) and just above the footer: same table (4 rows and 1 column) and same problem.
    It’s easy to recognize because it’s the only table and the code I’ve used is exactly the same I posted in the previous comment here in this forum

    #198346

    Hi!

    Please add following code to Quick CSS in Shoutbox theme options under Styling tab

    td { border-right: none; border-bottom: none; }
    td:first-child { border-left: none; }

    It should look like this after adding that custom CSS code http://i.imgur.com/7SJORpt.jpg

    Cheers!
    Yigit

    #198955

    thank you so much Yigit, you showed me the way to work on.
    I had to add another rule (padding: 0;) but now the table looks great!

    #198993

    Hey!

    You are welcome! Let us know if you have any other questions or issues

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘HTML tables appear messy and without format’ is closed to new replies.