Comments on: My God, it’s full of stars! http://wqoq.com/2005/05/02/my-god-its-full-of-stars/ Clever... not good, but clever. Tue, 03 Jan 2012 22:40:10 +0000 hourly 1 http://wordpress.org/?v=3.3-beta1-18972 By: admin http://wqoq.com/2005/05/02/my-god-its-full-of-stars/comment-page-1/#comment-2117 admin Sat, 07 May 2005 21:13:36 +0000 http://wqoq.com/2005/05/02/my-god-its-full-of-stars/#comment-2117 Hey, I'm willing to try anything to reduce markup. I always neglect to remember using background images. Definitely seems like a cleaner way to go. I'm still in that stage where CSS is trial and error for me. I see CSS as being a lot like XML Stylesheets: you can understand it in 5 minutes, but take a lifetime to master it. At least with CSS (unlike XSL), you can apply what you've learned to other problems. With XSL, I feel like I'm starting from scratch each time. It's kind of a running joke among the programmers where we work. Thanks for the tip. Hey, I’m willing to try anything to reduce markup. I always neglect to remember using background images. Definitely seems like a cleaner way to go. I’m still in that stage where CSS is trial and error for me. I see CSS as being a lot like XML Stylesheets: you can understand it in 5 minutes, but take a lifetime to master it. At least with CSS (unlike XSL), you can apply what you’ve learned to other problems. With XSL, I feel like I’m starting from scratch each time. It’s kind of a running joke among the programmers where we work.

Thanks for the tip.

]]> By: Mike Purvis http://wqoq.com/2005/05/02/my-god-its-full-of-stars/comment-page-1/#comment-2116 Mike Purvis Sat, 07 May 2005 21:02:36 +0000 http://wqoq.com/2005/05/02/my-god-its-full-of-stars/#comment-2116 Ack! It stripped all the markup instead of converting it. It looked like this: (div class="rating integerpart4 fractionalpart3") (span class="stars")(span)(/span)(/span) (span class="empties")(/span) (/div) :eek: HTML that looks like LISP. (!) Ack! It stripped all the markup instead of converting it. It looked like this:

(div class=”rating integerpart4 fractionalpart3″)
(span class=”stars”)(span)(/span)(/span)
(span class=”empties”)(/span)
(/div)

:eek: HTML that looks like LISP. (!)

]]> By: Mike Purvis http://wqoq.com/2005/05/02/my-god-its-full-of-stars/comment-page-1/#comment-2115 Mike Purvis Sat, 07 May 2005 20:59:27 +0000 http://wqoq.com/2005/05/02/my-god-its-full-of-stars/#comment-2115 Ah, what a clever way to do it, with the two pictures on the one with the fraction. Could you not reduce the markup a bit by doing something like this, though? Then in the css, you have to float the two first-level spans, set the two star patterns to their backgrounds, and then set their widths based on the class of the parent div. Finally, for the nested span inside .stars, float it right and set it to the width of the star you want covered up... Perhaps in the end, it's so much CSS that it makes little difference. But thanks for sharing the trick. Ah, what a clever way to do it, with the two pictures on the one with the fraction. Could you not reduce the markup a bit by doing something like this, though?

Then in the css, you have to float the two first-level spans, set the two star patterns to their backgrounds, and then set their widths based on the class of the parent div. Finally, for the nested span inside .stars, float it right and set it to the width of the star you want covered up…

Perhaps in the end, it’s so much CSS that it makes little difference. But thanks for sharing the trick.

]]>