Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Tableless skins and contains not tough enough?Tableless skins and contains not tough enough?
Previous
 
Next
New Post
3/15/2007 11:18 PM
 

Over the last few years now, I have worked with tableless or almost tableless templates.  I have come to the conclusion, they can work well for sites where you  have control on content, but to build for commecial DNN skins, tableless design does not seem strong enough.

For the last week or so I have been working on a skin that started completely tableless along with a container.  I have been through all kinds of problems and solutions including some issues with using XHTML doc types with DNN on some browsers.  In the beginning, I thought there would be a few headaches as is typical with tableless sites, but this has been quite a nightmare due to CSS limiations, browser incompatibilities and DNN issues.  At the end of the day, I am heading back to a more tabled structure for my commerical skins and containers. 

While I can work around some of the issues and produce a decent site, selling skins for DNN to anyone less than skilled, would cause a great deal of work for the clients as well as support issues.  Some may find find them marketable, but I think the effort involved on both sides is not worth the results.  Until CSS comes up with better options, tools such as DNN will have a hard time dealing with content that does not fit destroying either the content or the layout structure.  Tables just are too elastic and controllable.  This is not a problem with DNN, but more with the limitation of browsers and CSS in general.

I will continue to use tableless design where possible, but I have to give up on the idea of commerical tableless skins that play well with novice users and focus on limiting the number of tables.  There is a big battle still brewing in the designer world and tables are often looked at as abused if used for anything other that data, but in situations such as this with content of unknown size. It is best to have a more flexible structure that looks good even if they content does not fit properly without taking a hit on layout or content.

It is my hope that this might help someone who is considering the same and save them hours if not days trying to get the right solution.  While there are tableless skins out there, often they will break if not handled properly (if keep a close eye on your content).

 

 
New Post
3/16/2007 1:28 AM
 
I too have been moving toward table-less designs and hitting a few brick walls in the process.

Especially in my field (converting graphics-rich commercial web templates into DNN skins) there are a lot of frustrations. With tabular layouts, I can create a visually perfect presentation.  All of the XHTML/CSS/accessibility books and online articles I've read are geared toward creating admittedly nice-looking sites, but they just don't have the rich graphics I'm accustomed to.

Now, don't get me wrong. It's quite possible, with a truckload of DIVs, to make a graphically beautiful site.  And we all know that tables can break, too.  But the intent is to use semantic markup.  Just building a skin using meaningless DIVs is no better than using tables for presentation, in my opinion.

Another quandry is that tables are meant to display data, and everything DNN outputs (except the skin HTML) really is data.  The books focus more on rendering text and images... but these are generated by the DNN application and wrapped in several layers of code (container, skin, module and default.ascx code, plus quite a few cascaded stylesheets).

I responded to your post simply because I was thinking earlier this evening... why not form a working group to study and document the semantic structure of various DNN sites, then formulate some standards for DNN skin markup and even possible re-factoring of the standard/default CSS selectors in future DNN versions?

Went a little long, here... sorry.  But I'd like to see some DNN community discussion on web standards again.  If it's discussed, at least we all know where the state of the technology is.
 
New Post
3/16/2007 3:39 AM
 

Hello

I have a tableless skin which uses graphics in the content and in the skin, so far it has held up.

The image features are css based only.

http://www.drivewaydesign.eu

Lynn


www.seemalta.net
 
New Post
3/16/2007 3:57 AM
 
Hi Sam,

If you are interested in semantic code, I did a study of a few commercial sites, summarised their techniques and then came up with some possible solutions for how to implement it in DNN in a 40page pdf. - The main focus in my research was how to structure header tags as I had listened to / read many articles that you should use correct semantic markup / structure for your code but no-one offered any advice as how to do it.

Semantic Code and Header Tags in DotNetNuke Skins

Thanks,

Lee

Lee Sykes - DNN Creative Magazine - 600+ Video Tutorials, Articles, Interviews - July Issue 58 out now!
DNN Creative Magazine for DotNetNuke

Twitter: www.twitter.com/DNNCreative

Lee Sykes's Facebook Profile
 
New Post
3/16/2007 4:50 AM
 

@Lee: interesting research, with respect to header tags I think you are right on. Unfortunately, I don't know which of the models your present perform better in search engines. Lately, I have used H2 for container titles and advised content managers to use H2 and or H3 in the text. By doing so I stumbled on little things like that I needed to change the css class of the Title object to have the h2 styling be applied.W.r.t. H1 I will sometimes use it in a Headerpane, never thought about using it around the logo though, I am unsure if it does much good, as the Logo is an image.

 

@Sam: a few weeks ago I suggested a skinning project team to shaun which could do such things but did not get a reply yet. I think there are plenty of opertunities is this area, starting with writing a better skinning document, generating example skins, maintaining a FAQ with common questions,etc.

Peter

 


Peter Schotman
Cestus Websites voor DotNetNuke oplossingen in Nederland
Contact us for your custom design and skinning work.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Tableless skins and contains not tough enough?Tableless skins and contains not tough enough?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out