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, ...tables VS divstables VS divs
Previous
 
Next
New Post
1/2/2008 8:03 AM
 

Ereck Johan wrote

 You should also be aware that the "expand" and "collapse" buttons of the control panel have a bug - so refer to my posts under "CSS in Multiple Browsers."

What you describe as a bug is in fact not a bug, the rendered HTML is W3C compliant; a class name with a period in it is correct.
But most browsers don't interpret these classes correctly, which could be a reason to change the classes if possible. (has to be researched)

 
New Post
1/4/2008 1:58 PM
 

Timo Breumelhof wrote


"You should use tables for tabular data and divs for the rest"

IMO at least 95% of the skins can be done without tables.

 

These two statements are inaccurate. You can use standards compliant css/xhtml 100% of the time and should. Never use tables for layout structure. Ever.

Second, you shouldn't just "use divs for the rest". It's worth reading up on semantic html and learning what tags to use where

 

For instance, a navigation list should be a LIST, not a DIV. So you would write:

<ul id="nav">

<li><a href="#">Home</a></li>

etc

</ul>

Then use CSS to get rid of the bullets and float and style the list items and links

Also, a fun side note for those of you wanting to get more into CSS, I suggest you read up on Sliding Doors of CSS by A List Apart and learn how to do pure CSS-based rollover effects. That's right no javascript at all and it works in all browsers.

 
New Post
1/4/2008 2:17 PM
 

Joseph:  That is a great article.


Will Strohl

Upendo Ventures Upendo Ventures
DNN experts since 2003
Official provider of the Hotcakes Commerce Cloud and SLA support
 
New Post
1/4/2008 2:44 PM
 

Timo Breumelhof wrote

But most browsers don't interpret these classes correctly, which could be a reason to change the classes if possible. (has to be researched)

Or a reason to change the browsers.  :)

Which is one of the issues with pure CSS design.  As opposed to tables, you're bound to run into more browser workarounds, simply because tables have been around long enough that browser support is nearly identical.  But this is the same argument that started when HTML was introduced as an alternative to SML.  Or when some browser versions didn't support tables.  When a single pixel GIF file sufficed for indentation and spacing.  The same argument that will take place when ABCML replaces XYZML as the fourth dimension of web browsing.

Given time, browsers and CSS will work as intended when the concept was first published as an RFC.

Jeff

 
New Post
1/4/2008 2:56 PM
 

Jeff Cochran wrote

 Timo Breumelhof wrote

But most browsers don't interpret these classes correctly, which could be a reason to change the classes if possible. (has to be researched)

 

Or a reason to change the browsers.  :)

Which is one of the issues with pure CSS design.  As opposed to tables, you're bound to run into more browser workarounds, simply because tables have been around long enough that browser support is nearly identical.  But this is the same argument that started when HTML was introduced as an alternative to SML.  Or when some browser versions didn't support tables.  When a single pixel GIF file sufficed for indentation and spacing.  The same argument that will take place when ABCML replaces XYZML as the fourth dimension of web browsing.

Given time, browsers and CSS will work as intended when the concept was first published as an RFC.

Jeff

Change browsers? No, you should change your code to work in all browsers. The web is about the users, not you. Your site should work for as many people as possible given your budget and research based on your target audience's browser statistics.

And as for workarounds and problems with CSS, you have an insufficient knowledge of CSS, then. With correct doctypes, almost all CSS problems disappear in the major browsers. Why use a spacer.gif when you can use padding?

Sorry dude, but you need to read more about CSS and semantic (X)HTML.

Just because you can't figure out the right code to use to make your layouts work doesn't mean you should use terrible code. You should read up on how to do it properly.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...tables VS divstables VS divs


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