Diese Seite mit anderen teilen ...

Informationen zum Thema:
Forum:
WinDev Forum
Beiträge im Thema:
4
Erster Beitrag:
vor 4 Jahren, 5 Monaten
Letzter Beitrag:
vor 4 Jahren, 5 Monaten
Beteiligte Autoren:
Piet van Zanten, DarrenF

[WB18] Containers on web pages (advice)...

Startbeitrag von DarrenF am 16.11.2013 01:37

Hi guys,

I'm looking for advice, ideas & what people are doing; I'm trying to create page template(s) that I will use throughout a web site. My initial and very basic starting point to create a Page Template will have the following basic structure:

-----------------------------------------
Header
-----------------------------------------
Menu
-----------------------------------------
Main body
-----------------------------------------
Footer
-----------------------------------------

Each area needs to span the whole width of the page and increase/decrease when the browser is "dragged" larger/smaller.

The Header, Menu, Footer will be a fixed vertical size, i.e. only the Main Body will change if the browser size is "dragged" vertically. Also, each area needs it's own independent background colour, background image and even a few (general) basic controls.

What's the best approach to achieve this in WB18; using HTML tables, cells or the new "zoning" method?

I may be doing something wrong, but I've "played" with html tables and they seem difficult to use. i.e. I couldn't easily get the HTML table to span the whole width of the page. Cells seem very limited especially when using them on a Page Template (they seem to act differently on Page Templates :confused: ). I've not tried Zoning yet, I was hoping to get some pointers here.

Is anyone using zoning? Does it work? Is it consistent across browsers?

I MUST be missing something... because I can't believe these things are as difficult as they seem to be :confused:

Antworten:

Hi Darren,

Not exactly an answer to your question, but....
My choice has been to use a fixed size for my template (1180 x 650) for two main reasons.
For me: easier design, for my users: better readability.
As my WB application will hardly be used on smartphones I use a resolution that will be displayed on most desktops, laptops and pads without scrollbars.
Especially on large high resolution screens a resizable design does not improve readability, but actually makes the page looks worse.
I have a 2560 x 1600 screen resolution and I never run my browser in full screen mode.
The careful design I made gives me total control and will always look the same on this fixed size.
I find that a big advantage.
For some pages it will be a challenge to fit it all, but you can always use popups or other techniques to make your page more compact.

Regards,
Piet

von Piet van Zanten - am 17.11.2013 11:22
Thanks Piet - yes, there's obviously thought needed in that area.

Also did a bit of investigation around templates, and discovered that they do indeed operate and display differently to normal web pages. Once a template has been applied to an actual page, they display as expected (kind of)... one question; how do I remove the border from the page? When I use "Go" my page in the browser always has a border around it and I can't see an option to remove it? :confused:

von DarrenF - am 18.11.2013 08:38
Hi Darren,

In most cases a page has a cell as a container, the style of this cell defines the borders.
With the style of the page itself you define the appearance of the visible browser space. Your container cell is placed on top of this and can be styled anyway you like.

Regards,
Piet

von Piet van Zanten - am 18.11.2013 10:11
Zur Information:
MySnip.de hat keinen Einfluss auf die Inhalte der Beiträge. Bitte kontaktieren Sie den Administrator des Forums bei Problemen oder Löschforderungen über die Kontaktseite.
Falls die Kontaktaufnahme mit dem Administrator des Forums fehlschlägt, kontaktieren Sie uns bitte über die in unserem Impressum angegebenen Daten.