Comments on: Simple CSS templates http://friendlybit.com/css/simple-css-templates/ You have found Friendly Bit, a web development blog. I focus on client side technologies like CSS, HTML and Javascript. You find my articles below and categories to the right. Fri, 04 Jul 2008 13:28:15 +0000 http://wordpress.org/?v=2.5.1 By: Harshad http://friendlybit.com/css/simple-css-templates/#comment-30093 Harshad Thu, 10 Jan 2008 07:35:48 +0000 http://friendlybit.com/css/simple-css-templates/#comment-30093 Very nice article to understanding the basic principles of float elements...as well as to understand the structure of div's columns...Cheers Harshad D. Very nice article to understanding the basic principles of float elements…as well as to understand the structure of div’s columns…Cheers Harshad D.

]]> By: Plantillas CSS Básicas › CalinSoft http://friendlybit.com/css/simple-css-templates/#comment-29780 Plantillas CSS Básicas › CalinSoft Fri, 30 Nov 2007 18:08:21 +0000 http://friendlybit.com/css/simple-css-templates/#comment-29780 [...] Ahora si no hay pretextos Plantillas CSS prácticamente básicas [...] [...] Ahora si no hay pretextos Plantillas CSS prácticamente básicas [...]

]]> By: Plantillas CSS Básicas › CalinSoft http://friendlybit.com/css/simple-css-templates/#comment-28355 Plantillas CSS Básicas › CalinSoft Mon, 15 Oct 2007 23:42:33 +0000 http://friendlybit.com/css/simple-css-templates/#comment-28355 [...] si no hay pretextos Plantillas CSS prácticamente básicas. [...] [...] si no hay pretextos Plantillas CSS prácticamente básicas. [...]

]]> By: ITVGuy2000 http://friendlybit.com/css/simple-css-templates/#comment-24135 ITVGuy2000 Fri, 11 May 2007 14:21:55 +0000 http://friendlybit.com/css/simple-css-templates/#comment-24135 Very skillfully boiled down to only the essentials, and presented very logically. I wish I had found this resource two years ago. Just quick suggestion tho. It might be useful to include the year when you present dates. Very skillfully boiled down to only the essentials, and presented very logically.

I wish I had found this resource two years ago.

Just quick suggestion tho. It might be useful to include the year when you present dates.

]]> By: Plantillas CSS » CalinSoft | Adictos al Desarrollo Web http://friendlybit.com/css/simple-css-templates/#comment-22447 Plantillas CSS » CalinSoft | Adictos al Desarrollo Web Sat, 17 Mar 2007 23:24:44 +0000 http://friendlybit.com/css/simple-css-templates/#comment-22447 [...] si no hay pretextos … Plantillas CSS prácticamente básicas. Wikipedia:  CSS   Compartelo Categoria [...] [...] si no hay pretextos … Plantillas CSS prácticamente básicas. Wikipedia:  CSS   Compartelo Categoria [...]

]]> By: Emil Stenström http://friendlybit.com/css/simple-css-templates/#comment-13322 Emil Stenström Thu, 11 Jan 2007 07:21:29 +0000 http://friendlybit.com/css/simple-css-templates/#comment-13322 @Larry: That layout is a little to big to go through in a comment like this but I can tell you the general idea: You build up a grid pretty much in the same way as with tables. The difference is that the grids are a lot more flexible than their table counterparts. After that you start to aply background-images to the different blocks. That allows you do do things like gradients, shadows and those things. CSS allows you to decide in what direction to repeat images, so you don't need another block to have something in the right corner of another. Hope that gives you some ideas. @Larry: That layout is a little to big to go through in a comment like this but I can tell you the general idea: You build up a grid pretty much in the same way as with tables. The difference is that the grids are a lot more flexible than their table counterparts. After that you start to aply background-images to the different blocks. That allows you do do things like gradients, shadows and those things. CSS allows you to decide in what direction to repeat images, so you don’t need another block to have something in the right corner of another.

Hope that gives you some ideas.

]]> By: Larry http://friendlybit.com/css/simple-css-templates/#comment-13022 Larry Tue, 09 Jan 2007 16:07:17 +0000 http://friendlybit.com/css/simple-css-templates/#comment-13022 Hi, I'm kind of used to employing tables to make my design layouts. I realise it isn't "the right way" to do this and I started looking for a way to do the same thing with CSS. You see, I'm more of a graphic designer and not a developer, so the final look is what is important to me most. The problem I face is that I haven't come across a technique to define complex graphic design with CSS. If you use a border with CSS it is a one solid border all along one side, but what if I need to make it gradually fade to background colour towards the top of a box? With tables it is simple - place a fading gif in a table cell and the job is done. Lets say www.ardo.lt - how do you define design like this with CSS? Any suggestions or links to advanced CSS with advanced design techniques would be much appreciated. Hi, I’m kind of used to employing tables to make my design layouts. I realise it isn’t “the right way” to do this and I started looking for a way to do the same thing with CSS. You see, I’m more of a graphic designer and not a developer, so the final look is what is important to me most. The problem I face is that I haven’t come across a technique to define complex graphic design with CSS. If you use a border with CSS it is a one solid border all along one side, but what if I need to make it gradually fade to background colour towards the top of a box? With tables it is simple - place a fading gif in a table cell and the job is done. Lets say http://www.ardo.lt - how do you define design like this with CSS? Any suggestions or links to advanced CSS with advanced design techniques would be much appreciated.

]]> By: PHPKB Knowledge Base Software http://friendlybit.com/css/simple-css-templates/#comment-7484 PHPKB Knowledge Base Software Mon, 20 Nov 2006 07:00:48 +0000 http://friendlybit.com/css/simple-css-templates/#comment-7484 Congratulations on such a nice CSS resource site from the team at PHPKB Knowledge Base Script. Congratulations on such a nice CSS resource site from the team at PHPKB Knowledge Base Script.

]]> By: Emil Stenström http://friendlybit.com/css/simple-css-templates/#comment-6064 Emil Stenström Wed, 25 Oct 2006 20:53:47 +0000 http://friendlybit.com/css/simple-css-templates/#comment-6064 @miro: All the examples have this text on them: "You can have a look at the CSS file if you want." with the "CSS file" being a link to the right CSS file. Have a look at the and tell me if that makes things clearer. @miro: All the examples have this text on them: “You can have a look at the CSS file if you want.” with the “CSS file” being a link to the right CSS file. Have a look at the and tell me if that makes things clearer.

]]> By: miro http://friendlybit.com/css/simple-css-templates/#comment-5676 miro Thu, 12 Oct 2006 04:02:34 +0000 http://friendlybit.com/css/simple-css-templates/#comment-5676 hi, thanks for the tutorial on css, I was following along great until I reached your simple layouts page where you show examples of the floating 234 columns. You only provide examples of the html code, which is clear, but you do not provide the css to show how you are using the float features, as besides float: left, and float: right, you make references to (float-float) and float-margin without showing how to display this properly in the css file. Its one of the common themes I am founding with programming tutorials, they do not follow logical progression with examples, and start making assumptions knowing that there is so much room for error when it comes to programming. If you showed the css that supports your simple layout samples that would make things lot clearer, as what you wrote does not make any sense, and float-float of float-margin do not properly explain how to document them in css file. thanks! hi, thanks for the tutorial on css, I was following along great until I reached your simple layouts page where you show examples of the floating 234 columns. You only provide examples of the html code, which is clear, but you do not provide the css to show how you are using the float features, as besides float: left, and float: right, you make references to (float-float) and float-margin without showing how to display this properly in the css file. Its one of the common themes I am founding with programming tutorials, they do not follow logical progression with examples, and start making assumptions knowing that there is so much room for error when it comes to programming. If you showed the css that supports your simple layout samples that would make things lot clearer, as what you wrote does not make any sense, and float-float of float-margin do not properly explain how to document them in css file. thanks!

]]> By: Kapil Kanojia http://friendlybit.com/css/simple-css-templates/#comment-5281 Kapil Kanojia Fri, 29 Sep 2006 06:35:37 +0000 http://friendlybit.com/css/simple-css-templates/#comment-5281 The article is really nice and helpful as well The article is really nice and helpful as well

]]> By: Mis Algoritmos » Blog Archive » Plantillas CSS http://friendlybit.com/css/simple-css-templates/#comment-5222 Mis Algoritmos » Blog Archive » Plantillas CSS Wed, 27 Sep 2006 20:23:33 +0000 http://friendlybit.com/css/simple-css-templates/#comment-5222 [...] Ahora si no hay pretextos … Plantillas CSS prácticamente básicas. [...] [...] Ahora si no hay pretextos … Plantillas CSS prácticamente básicas. [...]

]]> By: Aaron http://friendlybit.com/css/simple-css-templates/#comment-3878 Aaron Tue, 22 Aug 2006 00:12:52 +0000 http://friendlybit.com/css/simple-css-templates/#comment-3878 hello emil, i was wondering if you know a site that can teach me how to slice a template and code it instead of using just background colours etc. thank you hello emil, i was wondering if you know a site that can teach me how to slice a template and code it instead of using just background colours etc.

thank you

]]> By: Emil Stenström http://friendlybit.com/css/simple-css-templates/#comment-3584 Emil Stenström Sat, 05 Aug 2006 21:35:31 +0000 http://friendlybit.com/css/simple-css-templates/#comment-3584 @Levi: Sorry for being late to respond, must have missed your message somehow. Fixed vs. fluid layouts is a bit area of discussion, some want full width pages not to "waste space" and some think that the text gets too hard to read with too wide pages. Depends... @Carl: Thanks. Good you like it. @Levi: Sorry for being late to respond, must have missed your message somehow. Fixed vs. fluid layouts is a bit area of discussion, some want full width pages not to “waste space” and some think that the text gets too hard to read with too wide pages. Depends…

@Carl: Thanks. Good you like it.

]]> By: Carl http://friendlybit.com/css/simple-css-templates/#comment-3581 Carl Sat, 05 Aug 2006 16:40:34 +0000 http://friendlybit.com/css/simple-css-templates/#comment-3581 Emil, Many thanks for putting this info on the web for all to see and use. Your tutorial is very easy to read and understand. I am a beginner to CSS & HTML and have been looking through many books for understanding of how to make columns. I was able to catch on to your examples. Thanks again! Carl Emil, Many thanks for putting this info on the web for all to see and use. Your tutorial is very easy to read and understand. I am a beginner to CSS & HTML and have been looking through many books for understanding of how to make columns. I was able to catch on to your examples. Thanks again!
Carl

]]>