Viewing How do I insert a table?

How do I insert a table?



User: Brian T. 12 years ago
Currently enjoying my 60 day trial, but I've got a problem.
I'm remaking a site that I made some time ago with another programme, but I see no way to add a table to a page in Everweb.
Can someone please explain how this can be done?
User: Paul-RAGESW 12 years ago
EverWeb doesn't support tables out of the box. However, if you show me what exactly you would like to accomplish, there may be a way to do it.

-------------------------------
Paul
EverWeb Developer
User: Roddy 12 years ago
Tables can be created using EverWeb's code injection. Example…

http://everwebcodebox.com/containers/table.html

This page shows how to layout columns using a table with no borders…

http://everwebcodebox.com/containers/column.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Brian T. 12 years ago
Thanks Guys for the quick replies. Roddy's solution of using an HTML Snippet and CSS in the header box is not what I'm looking for.
I'm trying to replace the table of events at www.llandyssil.com/groups.html which will change fairly regularly, hence my wish for an easy table creation.
User: Roddy 12 years ago
The easiest way to do this is to create a doc in something like one of the iWork apps (or any DTP app) and export it as an image HTML or PDF. Then you can display it in an iframe on the web page.
That way you can change out the file for an updated one without having to republish the web page.

See this page for info about using iframes...

http://everwebcodebox.com/containers/iframe.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Brian T. 12 years ago
I made a table in Pages and exported to desktop as a PDF. I opened this with Preview and exported as a PNG to the desktop. I then opened this PNG with Preview and cropped away the blank space to leave just my table. I then exported this to my site's Media folder (where I've placed all the photos etc used in the site). From there I used the Insert menu option to place this on the web page and resized it to fill the page. Viewed in Chrome, Safari & Firefox and it seems to work OK.
But when I need to change or update this table, I've got to change the info in Pages, export as PDF, change format to PNG, crop, save and finally add to my webpage before republishing to the web.
I've been using Serif's WebPlus for many years on my Mac via Parallels, and inserting a table to a web page is as simple as adding a photo or text box. It's a great shame that (as yet) Everweb doesn't offer a solution as simple as that.
User: Martin K. 12 years ago
With several tables on my site, I have the same problem and use the same solution as Brian T - creating an image from in my case Excel,, cropping it and pasting it back into EW, I'm not into coding as Roddy suggests so this remains a real pain when changes are needed..........
User: Roddy 12 years ago
@ Brian T - Use Keynote.
In the Document inspector, set a custom slide size to accommodate the required table size.
Export as a JPG and drag it onto the web page.

Creating tables is a drudge whatever way you do it. The advantage of using HTML is that the info contained in the table will be picked up by the search engine spiders. If this info is relevant to your website content (which it should be) then there is no other option than to use HTML. The spiders can't look at a PNG or PDF.

There are any amount of HTML code generators online. Anybody can create table code and paste it into an HTML Snippet.

If the table is created as a separate HTML doc and uploaded to the server, it can be referenced in an iframe . That way, updates can be made to the table doc and then uploaded to the server. It will automatically replace the older version in the iframe which means that the actual web page doesn't require updating or republishing.

Here's an example of one of the better generators which uses CSS to style the table…

http://www.csstablegenerator.com

This page shows where the various types of code are pasted into EW…

http://everwebcodebox.com/code/code-insertion.html

… and this one shows the basics of an HTML doc for creating a separate page which can be viewed via an iframe…

http://everwebcodebox.com/code/html.html

This may look complicated but it can be simplified as shown on this page…

http://everwebcodebox.com/code/code-edit.html

The styles copied from the online generator are enclosed in style tags and pasted into the head and the HTML pasted into the body. After that it's just a matter of data entry and some copy and paste to add more table cells.

Tables tend to contain important keywords which are relevant to the website content. If you want these keywords to be found by search engines then you need to create HTML tables.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Brian T. 12 years ago
Thanks Roddy,
You make it sound quite simple... but I'm a designer, not a coder. I'll give it a try a little later, but I will almost certainly need to come back to you for some extra guidance.
Cheers,
User: Patrick H. 12 years ago
Hi there
I really hope RAGE has put this issue on the task list for a later version of EW.

I often use tables as a quick way to solve layout issues. On this page I tried to align the ZIP / City at left with the company name at right side using normal text boxes in EW. As one can see, this does not work properly.

The possibility to quickly put in a simple table would solve this issue in seconds.

Really hope to get this functionality in a upcoming version.

Cheers, Paddy
User: Ros I. 12 years ago
Patrick,

In this instance, it would be very easy just to insert your table by typing your code directly into the html snippet in EverWeb. This is the way that I create tables and always have done since using iWeb, however, it is a lot easier in EverWeb, because the html snippet inserts the code directly into the page and not as an iframe as iWeb used to, so no more div codes, but just the basic table CSS for layout and then the html for creating it.

Just start with the table code <table>, and then table header <th>, table row <tr> and then table data <td> and when you have finished, close with the tags - </td>, </tr>, </th> and </table>.

Do a search for the 3 Schools website and this will instruct you in all the CSS and html that you have ever wanted to know - I think the site is http://www.3schools.com or something similar.

The CSS and html code for creating tables is really not hard and can easily be inserted into the html snippet of EverWeb to create beautiful looking tables that can easily be changed.

If you did not want to mess up your website, you could easily practice the code by using an html editor such as TextWrangler and then seeing how the page displays - if you were happy with it, you could then copy and paste that code into the html snippet in EverWeb and away you go.

Personally, I love creating tables using CSS and html and would never contemplate creating my tables any other way.

Last edit 12 years ago
User: Roddy 12 years ago
Example of a table created in EverWeb…

http://everwebcodebox.com/containers/table.html

… and using a table to create borderless columns…

http://everwebcodebox.com/containers/column.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.