Re: [css-d] CSS Templates 1: Outside The Box

[Philip Taylor (Webmaster, Ret'd)]

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/

Re: [css-d] CSS Templates 1: Outside The Box

[Alan Gresley]

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!





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 1: Outside The Box

[G.Sørtun]

Object: 



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

[Chris F.A. Johnson]

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!




--
   Chris F.A. Johnson, 
   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

[David Laakso]

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

[Greg Wilker]

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

[Philip Taylor (Webmaster, Ret'd)]

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

[Vicki Stebbins]

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:





or Dreamweaver can add it like this:


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/

Re: [css-d] CSS Templates

[Del Wegener]

> 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/

Re: [css-d] CSS Templates

[David Laakso]

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/