Re: [css-d] CSS Templates 1: Outside The Box
Greg Wilker wrote: I'm interested in responses to this aspect: There are currently a lot of validation errors with the template; both css and xhtml. My personal rule of thumb is to get as close to validation as possible - shooting for perfect. Now and then I question the strictness of my train of thought. However, if one is creating a template - I am thinking one should shoot for validated code. Any thoughts pro or con for the above? My personal opinion : it is not appropriate to post as example code that does not validate, unless a clear invalid code disclaimer [1] accompanies the example, for one simple reason : HTML that does not validate is not HTML; CSS that does not validate is not CSS. Philip Taylor [1] Which should, of course, explain why the author found it necessary to use invalid code in order to solve the problem that he or she was setting out to address. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Templates 1: Outside The Box
During my work I spend a lot of time searching for CSS templates, and I'm always struck by the fact that __all__ the templates I find are non-semantical and with enormous fixed widths... I know that if you want to post something on Theme Forest you have to stick to pixels and divitis but, hey, there's a limit... I guess. So here's my first, basic test/demo: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html comments are welcome, improvements either. criticisms are too easy with me... I'm a psycho workaholic! HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates 1: Outside The Box
Gabriele, why does DOLOR overlay power of combining when I reduce the width of the window ? Is that truly fluid ? Philip Taylor Gabriele Romanato wrote: Here's my first, basic test/demo: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html comments are welcome, improvements either. criticisms are too easy with me... I'm a psycho workaholic! __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates 1: Outside The Box
I'm interested in responses to this aspect: There are currently a lot of validation errors with the template; both css and xhtml. My personal rule of thumb is to get as close to validation as possible - shooting for perfect. Now and then I question the strictness of my train of thought. However, if one is creating a template - I am thinking one should shoot for validated code. Any thoughts pro or con for the above? Sincerely, Greg greg wilker | video/web producer *:: 415-388-8200 _ From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Gabriele Romanato Subject: [css-d] CSS Templates 1: Outside The Box During my work I spend a lot of time searching for CSS templates, and I'm always struck by the fact that __all__ the templates I find are non-semantical and with enormous fixed widths... I know that if you want to post something on Theme Forest you have to stick to pixels and divitis but, hey, there's a limit... I guess. So here's my first, basic test/demo: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html comments are welcome, improvements either. criticisms are too easy with me... I'm a psycho workaholic! __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates 1: Outside The Box
On 12/16/10 5:20 PM, Gabriele Romanato wrote: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html comments are welcome... HTH Test more, for example... 1/ 640 window 2/ 800 window 3/ FF @ minimum font-size 24. 4/ Opera @ minimum font-size 32. 5/ Monitor the character plus space count of the content block line-measure at 1024, 1280, 1400, 1680 and wider. 6/ Is a such a large block of all uppercase a good idea? -- http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates 1: Outside The Box
On Thu, 16 Dec 2010, Gabriele Romanato wrote: During my work I spend a lot of time searching for CSS templates, and I'm always struck by the fact that __all__ the templates I find are non-semantical and with enormous fixed widths... I know that if you want to post something on Theme Forest you have to stick to pixels and divitis but, hey, there's a limit... I guess. So here's my first, basic test/demo: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html comments are welcome, improvements either. criticisms are too easy with me... I'm a psycho workaholic! http://t.cfaj.ca/outsidethebox.jpg -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates 1: Outside The Box
Object: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html On 17.12.2010 00:22, Greg Wilker wrote: There are currently a lot of validation errors with the template; both css and xhtml. Source code claim to be HTML 5, and as such there's nothing wrong with validity, just a warning that HTML 5 isn't a rock-solid standard yet - and we all know that. CSS contains the usual browser-specific -moz- and -webkit- code/workarounds, and apart from that it is valid. It is the construction - visual design - that fails on several points, and those validators can't check that. My personal rule of thumb is to get as close to validation as possible - shooting for perfect. Now and then I question the strictness of my train of thought. Good to have validity as part of the base for coding web sites. I always start there, and source-code can in most cases be made clean enough to pass 100%. OTOH: browsers need those CSS workarounds until they have reached stable handling/rendering of regular CSS, so no need to be too strict on CSS if you want proper results. There's also those old browser version that we are not allowed to ignore yet, so our stylesheets will probably have to carry non-valid bits and pieces for a long time. Non-valid source-code and CSS isn't a problem as long as the designer/coder knows what he/she is doing and why the non-valid code is there and what it's doing. Apparently such knowledge is quite often absent, and then both valid and non-valid code and all sorts of solutions and workarounds tend to become, or create, problems. However, if one is creating a template - I am thinking one should shoot for validated code. Same (as above) goes for templates, but it is more important that a template is well documented, and that it actually works. To Gabriele: your out of the box template is in need of a lot more testing and tuning visually across browser-land and with various browser settings. As it is it can't take much of anything in any browser, so it certainly isn't out of the box yet. Good idea though. regards Georg __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates 1: Outside The Box
On 17/12/2010 12:57 PM, Chris F.A. Johnson wrote:
On Thu, 16 Dec 2010, Gabriele Romanato wrote:
[snip]
http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html
comments are welcome, improvements either. criticisms are too easy
with me... I'm a psycho workaholic!
http://t.cfaj.ca/outsidethebox.jpg
The overlap is caused by the absolute height given on the header which
allows the line boxes (Lorem ipsum dolor) to escape. Gabriele needs to
remove the height and rethink the padding right approach.
#main h2 {
height: 102px; /* remove */
padding-right: 105px; /* different approach */
}
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates
At 05:51 AM 18/03/2008, Laura wrote: Hello Thank you again for all your help on my last question. Now I'm struggling with this I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? The other thing I need to do with the site is add a log in page which will also be on the left side, I don't think that would affect the style sheets though. My site is http://www.returnengagement.org Thanks for any insight. Much appreciated! Hi Laura, I think if I understand the question what you're looking for is 'server side includes'. We do this with PHP includes, and refer to them as components... when developing sites with hundreds of pages or even a few this is how we always develop a website. So the CSS refers of course to your div and then in the html it will look something like this: !-- start navigation -- ?php require($_SERVER[DOCUMENT_ROOT]/includes/navigation.php); ? !-- end navigation -- or Dreamweaver can add it like this: div id=footer!--#include virtual=/includes/subnav.shtm --/div Doing with dreamweaver you need to save your pages as .shtml and the includes as .shtm The include doesn't have any head, body, etc - just the html for that piece. As we build our own CMS customised for each client this works really well doing everything as a component, then one change... changes all pages. Hope I was on track... I get more help than I can ever give to this list so hopefully I've been able to help for a change :-) Regards Vicki __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Templates
Hello Thank you again for all your help on my last question. Now I'm struggling with this I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? The other thing I need to do with the site is add a log in page which will also be on the left side, I don't think that would affect the style sheets though. My site is http://www.returnengagement.org Thanks for any insight. Much appreciated! -- Laura mailto:[EMAIL PROTECTED] -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates
Laura wrote: I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? The other thing I need to do with the site is add a log in page which will also be on the left side, I don't think that would affect the style sheets though. http://www.returnengagement.org I may be way off target, as I am not sure I understand the question (s)... If you are seeking content management, you might look into Wordpress-- it is sometimes used as an effective, and simple CMS (Content Management System). -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Templates
Laura wrote: I want the site to have the top margin and left side as the constant and the rest to be variable. I really don't want to clone this page for the rest of the pages for the site. How does one go about making part of the CSS variable while leaving the header and side panel code the same without copying it to each page in the site? I may be way off target, as I am not sure I understand the question (s)... If you are seeking content management, you might look into Wordpress-- it is sometimes used as an effective, and simple CMS (Content Management System). It is probably not wise for me to try to clarify someone else's question, but I will do it because I have the same concerns. I believe she has hundreds of pages all of which are to have the same content in a top margin and the same content in the left margin while the remainder of the page will vary from page to page. This is exactly what I must do with a site revision in a month or so. In the past I did this with frames, but the desire is to move to all CSS. Del __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
