Comments on: Recommended XHTML and CSS Practices http://varunkrish.com/css-best-practices.html Web Technologist Blog Mon, 26 Apr 2010 20:13:02 -0500 http://wordpress.org/?v=2.8 hourly 1 By: Soft Review » Recommended XHTML and CSS Practices http://varunkrish.com/css-best-practices.html/comment-page-1#comment-10367 Soft Review » Recommended XHTML and CSS Practices Thu, 22 Nov 2007 17:29:17 +0000 http://varunkrish.com/css-best-practices.html#comment-10367 [...] read more | digg story [...] [...] read more | digg story [...]

]]> By: varun krishnan http://varunkrish.com/css-best-practices.html/comment-page-1#comment-6745 varun krishnan Tue, 05 Jun 2007 05:35:07 +0000 http://varunkrish.com/css-best-practices.html#comment-6745 @skeller awesome suggestion.. Gives me 1 more reason to eliminate tables.Thanks for reminding. @skeller

awesome suggestion.. Gives me 1 more reason to eliminate tables.Thanks for reminding.

]]> By: varun krishnan http://varunkrish.com/css-best-practices.html/comment-page-1#comment-6744 varun krishnan Tue, 05 Jun 2007 05:33:10 +0000 http://varunkrish.com/css-best-practices.html#comment-6744 @Andy thanks for the feedback yes.. it can be further simplified.. My idea was to eliminate the importance of dropping unnecessary markup. @Andy

thanks for the feedback

yes.. it can be further simplified.. My idea was to eliminate the importance of dropping unnecessary markup.

]]> By: skeller http://varunkrish.com/css-best-practices.html/comment-page-1#comment-6743 skeller Tue, 05 Jun 2007 04:50:15 +0000 http://varunkrish.com/css-best-practices.html#comment-6743 an even better solution, set a width on the ul to be like 600px and make each li say 200px and float them left, of course you have to clear the ul.. col1 col2 col3 1 varun varunkrish.com 2 google google.com an even better solution, set a width on the ul to be like 600px and make each li say 200px and float them left, of course you have to clear the ul..

col1
col2
col3
1
varun
varunkrish.com
2
google
google.com

]]> By: Andy Ford http://varunkrish.com/css-best-practices.html/comment-page-1#comment-6692 Andy Ford Thu, 31 May 2007 16:33:50 +0000 http://varunkrish.com/css-best-practices.html#comment-6692 varun, Thanks for this post. The more that people discuss this, and writing about it on the web - the better. I think your first example could be minimized a bit more (might depend on the situation). Assuming that div#header only contains the following content: [div id="header"] [h2]Site Name[/h2] [span class="tagline"]tagline[/span] [/div] You could further reduce the tagline like so: [em]tagline[/em] or [p]tagline[/p] or another element such as strong, b, etc then your css rule might look like: #header em{/*whatever*/} Actually, you might even be able to get away with no element wrapping the tagline at all by applying the styles just to #header and #header h2... but you'd have to be careful about the h2 inheriting unwanted styles. varun,
Thanks for this post. The more that people discuss this, and writing about it on the web – the better.

I think your first example could be minimized a bit more (might depend on the situation). Assuming that div#header only contains the following content:

[div id="header"]
[h2]Site Name[/h2]
[span class="tagline"]tagline[/span]
[/div]

You could further reduce the tagline like so:

[em]tagline[/em]
or
[p]tagline[/p]
or another element such as strong, b, etc

then your CSS rule might look like:
#header em{/*whatever*/}

Actually, you might even be able to get away with no element wrapping the tagline at all by applying the styles just to #header and #header h2… but you’d have to be careful about the h2 inheriting unwanted styles.

]]>