Comments on: Creating a Scalable Box With an Image Border http://designmovesme.com/scalable-box/ My name is Roy Vergara and I'm a web designer from Houston, TX. Anything that's related to design moves me. Look around to see if design moves you too! Sun, 05 Sep 2010 06:22:59 -0700 hourly 1 By: George http://designmovesme.com/scalable-box/comment-page-1/#comment-289 George Tue, 27 Oct 2009 12:55:24 +0000 http://designmovesme.com/?p=987#comment-289 Well yes, it works, but it doesn't help me work out how to have an image as ONLY the bottom border of a div! Well yes, it works, but it doesn’t help me work out how to have an image as ONLY the bottom border of a div!

]]> By: Jaon http://designmovesme.com/scalable-box/comment-page-1/#comment-203 Jaon Fri, 04 Sep 2009 22:36:28 +0000 http://designmovesme.com/?p=987#comment-203 Yet another example that is not worthy of "real" design. This example does not show true image (8 picture) boxes that scale with differing content. What's worse... it is too high on the search engine list as there are no real examples available. I would like to see an example from Scott Karr as he seems to have a better grasp of "real-world" design. Yet another example that is not worthy of “real” design. This example does not show true image (8 picture) boxes that scale with differing content. What’s worse… it is too high on the search engine list as there are no real examples available. I would like to see an example from Scott Karr as he seems to have a better grasp of “real-world” design.

]]> By: Scott Klarr http://designmovesme.com/scalable-box/comment-page-1/#comment-144 Scott Klarr Tue, 12 May 2009 04:10:00 +0000 http://designmovesme.com/?p=987#comment-144 Hmm, It appears the HTML I entered in my last comment was removed. Let's try this again: The whole point of using CSS is to separate content from styling. By using a bunch of divs called top-left, top-right, bottom-left, etc, you are defining style-related information in the source - you might as well just be using tables. A much better method that is more compliant and easier to modify in the future is to use layer wrappers. For example: <div class="boxWrapper1"><div class="boxWrapper2"><div class="boxWrapper3"><div class="boxWrapper4"> content here </div></div></div></div> And then onion-wrap the sliced elements using css. Element wrapping can also be done on the fly via javascript so your raw source remains as clean as possible. Hmm, It appears the HTML I entered in my last comment was removed. Let’s try this again:

The whole point of using CSS is to separate content from styling. By using a bunch of divs called top-left, top-right, bottom-left, etc, you are defining style-related information in the source – you might as well just be using tables.

A much better method that is more compliant and easier to modify in the future is to use layer wrappers. For example:

<div class=”boxWrapper1″><div class=”boxWrapper2″><div class=”boxWrapper3″><div class=”boxWrapper4″>

content here

</div></div></div></div>

And then onion-wrap the sliced elements using css. Element wrapping can also be done on the fly via javascript so your raw source remains as clean as possible.

]]> By: Krunal Shah http://designmovesme.com/scalable-box/comment-page-1/#comment-127 Krunal Shah Tue, 07 Apr 2009 04:38:57 +0000 http://designmovesme.com/?p=987#comment-127 nice one... Please let me know the updates nice one…

Please let me know the updates

]]> By: Thomas http://designmovesme.com/scalable-box/comment-page-1/#comment-124 Thomas Wed, 01 Apr 2009 02:47:09 +0000 http://designmovesme.com/?p=987#comment-124 This is great This is great

]]> By: munkiu http://designmovesme.com/scalable-box/comment-page-1/#comment-105 munkiu Wed, 11 Mar 2009 12:58:42 +0000 http://designmovesme.com/?p=987#comment-105 wow, this is so great... nice done wow, this is so great… nice done

]]>