On Thu, 12 May 2005 13:07:39 -0400, The Idol <[EMAIL PROTECTED]> wrote:
[...]

I have revised that example page to be more clear.

<http://www.jingledaddy.com/notable/index.htm>

Hi,

Try this approach... you may have to play with padding to tweak it into something you like; this is pretty much a standard square.

*CSS*

.container {
        background-color: #E0E0E0;
        float: left;
        padding: 0 10px 10px 0;
}

.container .thumb {
        border: 1px solid #FFF;
        background: url(BG014.jpg) repeat left top;
        /* display: inline; fixes IE's double margin bug, */
        display: inline;
        float: left;
        margin: 10px 0 0 10px;
        padding: 10px;
}

*Markup*

<div class="container">
  <div class="thumb">
    <img src="th_P3300049.jpg" />
  </div>
  <div class="thumb">
    <img src="th_P3300049.jpg" />
  </div>
</div>

--
Best regards,
M. Wilson
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to