text box with columns

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hi,
How can I use text boxes with 5-4 columns separating each picture with a vertical line
Please see this example http://www.bestinclass.com/digital-ca.... I have the exact thing in mind. The vertical line included
See the box with "Popular Best Digital Cameras" heading.

They have displayed 4 pictures. I would like to have more, say 8 pictures in the same box, 4 in each row. Can that be done?

If not, then please tell me how to make the same box as in the example.

Regards
Photo of shubhra

shubhra

  • 46 Posts
  • 0 Reply Likes
  • thankful

Posted 8 years ago

  • 1
Photo of jeremy

jeremy, Employee

  • 1349 Posts
  • 90 Reply Likes
Hi there Shubhra,

It sounds like you are wanting to add something similar to a table to your site? The table cell borders would then be your lines... You can then add your images to your table as you would a normal image in a text widget.

You can easily create a table using the table button in the HTML Helper .

Here are the steps to create your own table:

1) Go to HTML Helper). Click on the "Insert/Edit Table"button on the toolbar. (first button on third row of toolbar).
2) A popup window called "Table Properties" will appear. Customize your table to your specifications.

* Rows: in this field you specify how many rows do you want to have in your table .
* Columns: in this field you specify how many columns do you want your table to have.
* Headers: select if you would like a header for your table.
* Border size: sets the thickness of the tables border.
* Alignment: specifies the alignment of your table. You can set it to left, center or right.
* Width: sets the width of you table in pixels or percentage. E.g. if you choose 40 percent the table will take 40% of the editing area width.
* Cell spacing: specifies how thick will the cells border be.
* Cell padding: sets the hight of the cell.
* Caption: specifies the title of your table. The title will appear in the top of the table.
* Summary: sets a comment on the table. The comment will not appear in the table. It is only for usage.

**Please Note** - Not all of the options are required to build a table. You have to fill only Rows and Columns. Rest of the fields are optional and you may use them depending on your needs.

3) Click on "OK" once done.
4) Now you can enter content into your table. When entering text into your tables fields, you will notice that the cell will "move" while entering text. To prevent this, you need to set the "width" (length) of your cell to be static and to text wrap.

Here's how to set this: Right click in the cell. Go cell ---> cell properties

Now set the width of your cell. Remember the width for each cell needs to be less than the width of your whole table, so as to accommodate the other cells.

5) You can use the formatting options available on the 5th and 6th rows of the toolbar to format your content.
6) Once you are happy with your table and you now want to add it your page, click on "View/Edit HTML" in your text widget. This will display the HTML code of your table. Copy this code and paste it into an HTML widget on your page. Please remember to copy all the HTML code.
7) If you would like to make changes to your table, simply copy the HTML code you pasted in the HTML widget. In the HTML Helper, click on "View/Edit HTML". Paste the code, then click on "View/Edit HTML" again. Your HTML code will be displayed as a table again and you can make your necessary changes.

I hope this will hep you get what you want for your text.

If you need any further assistance, please let me know.
Photo of shubhra

shubhra

  • 46 Posts
  • 0 Reply Likes
Hi Jeremy,

I m sorry for the delay in response. Was caught up with other stuff.

http://html101.yolasite.com/ is a very helpful site indeed. I am still experimenting with it. Thanks a lot.

Although I can make a normal table with it, I would like my content to be on top of a box as shown in the example site. As u can see it has rounded corners.

Is it possible? also If you can tell me how i can make a box like that. I have surfed the web and have not come across anything that is suitable for beginners like me.

Regards
I appreciate your help
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi shubhra,

The best I was able to find was this: http://www.grsites.com/generate/gener... Which I see you'd been pointed to earlier. I know you said the width limit was an issue for you but I went through the process and learned that if you subscribed you could make the box wider. I have attached a screenshot for your reference.