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

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...css positioningcss positioning
Previous
 
Next
New Post
10/23/2009 3:55 PM
 

Hi there

I am very familiar with Dot Net Nuke having worked at the front end, mainly page editing and some admin/host setting exposure. However, I now making my first DNN Skin, which I have parsed and applied to the site, which I created using visual web developer express 2005. I'm having some big problems with the css, which looks fine in VWD but doesnt work in DNN 5 Community Edition.

Is there a reason why DNN is ignoring floats and widths? The only problem is positioning, the site totally falls apart in DNN and its really bugging me. I even went into host settings and changed the xhtml to "transitional" to match the xhtml that I wrote in VWD....any advice would be great.

If needed I can post my code, but I was hoping for a point in the right direction because I love DNN...

Thanks

Paul

 
New Post
10/24/2009 9:35 AM
 

 Hi Paul
 
 Making your first skin can be problematic. I would suggest that it might be a good idea to copy the entropy skin and then modify this to suit your needs. That way you at least have all the css correct and floats will work.  That said this default skin use tables too (suspect this is to load older modules correctly) and as it needs to be multiple width sizes the image css is complex.
 
 I use MS Expression web for skinning. I also drop the style sheet onto the aspx page so I can see whats going on when I make css changes. Like many I ignore the html files. I simply work on the aspx and ftp to my skin folder. I never bother uploading via the skin parser.
 Sometimes one issue causes others - I sometimes deconstruct a problem skin bit by bit until I find the issue.  Check as you go by uploading new index.aspx and css files onto a test page.
 
 Use FireFox with developer tools to find errors much easier. (CSS menu/View Style information)
 
 Be aware that you almost certainly qualify for the MS Website Spark programme. (Free Expression, Free VS2008, Free Window server, Free SQL server). See this blog here at DNN
 http://www.dotnetnuke.com/Community/Blogs/tabid/825/EntryId/2375/DotNetNuke-Corp-joins-Microsoft-Website-Spark-Program.aspx
 
 There are also many free skins that may be a good starting point.  I have some basic dnn 5 skins that all go green in the FF checker. Happy to zip one up and email it this helps. service at clubwebs.co.uk
 
 Finally - don't give up - when your first skin is working in al the browsers - even in IE8 its a very satisfying experience.
 
 click click
 Ian


Mutate and Survive
 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...css positioningcss positioning


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