skye, On May 20, 2006, at 3:12 PM, skye estes wrote:
> right now, i'm working on the dvd page: > http://www.pacifictao.com/index.php:and i have this so far: > http://heli.cx/clients/pacifictao/dvds.html > with the css at http://heli.cx/clients/pacifictao/main.css > > if the text-align: justify property actually worked, i'd be set, but > you > guys know how that is. > > specifically, i need help getting the pictures to stay in rows when the > window is resized, and i still haven't come up with a good way to hang > the > text under them. I haven't seen any responses to this, so I'll have a go. First, think about the html markup. You're showing a list of dvds for your customer to browse. Why not mark it up as a list. <ul> <li class="imgwide"> <a href="DVD/tao001.html"><img width="150" height="213" src="images/tn_cover001.jpg" alt="Cosmic Inner Smile - Love, Joy, and Gratitude for your Internal Organs" /></a> <h4>Cosmic Inner Smile</h4> <p>Love, Joy, and Gratitude for your Internal Organs</p> </li> .... </ul> Second, You must choose how to arrange them. Do you want always 4 across? if so: li.imgwide { float: left; width 25%; min-width: 160px; text-align: center; } li.imgwide img { display: block; margin: 0 auto; } Or, you can allow them to arrange themselves based on the width of the user's browser window li.imgwide { float: left; width 15em; min-width: 160px; text-align: center; } There is a lot of data about creating photo galleries that should give you some ideas. Check the wiki and google. hth -- Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
