How to make a box

• 

  gunsnwar · Member · Oct 28, 2012 at 5:09 pm

  • Copy link
  • Add topic to favorites

  Hello everyone! Once again I need your help! A few weeks ago I asked you how can I make a white box and here is the answer that I received:

  <div align="center">
  <table style="width:530px;border-collapse:collapse;">
  <tbody>
  <tr>
  <td style="border:1px solid #fff;"></td>
  <td style="border:1px solid #fff;"></td>
  </tr>
  <tr>
  <td style="border:1px solid #fff;"></td>
  <td style="border:1px solid #fff;"></td>
  </tr>
  <tr>
  <td style="border:1px solid #fff;"></td>
  <td style="border:1px solid #fff;"></td>
  </tr>
  <tr>
  <td style="border:1px solid #fff;"></td>
  <td style="border:1px solid #fff;"></td>
  </tr>
  </tbody>
  </table>
  </div>

  It works perfectly. However, I need it to be modified a “little” bit.
  Here are the instructions:
  http://gunsnwar.files.wordpress.com/2012/10/information.png
  P.S. Please ignore the typos.

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Oct 29, 2012 at 1:02 am

  • Copy link

  One possibility would be this:

  <div align="center">
  <table style="width:530px;border-collapse:collapse;">
  <tbody>
  <tr>
  <td style="width:50%;border:1px solid #fff;" rowspan="2">IMAGE CODE HERE</td>
  <td style="height:1.4em;border:1px solid #fff;">UPPER TEXT HERE</td>
  </tr>
  <tr>
  <td style="border:1px solid #fff;">LOWER TEXT HERE</td>
  </tr>
  </tbody>
  </table>
  </div>

  It might need further adjustments, or a different solution – depends on the actual content.

  By the way, I’m the HTML and inline CSS specialist around, so you don’t gain much by posting here instead of the Greek forum.

• 

  gunsnwar · Member · Oct 29, 2012 at 3:56 pm

  • Copy link

  Oh, I wasn’t aware of that. Anyway, thanks!