How would one do this?
I want to accomplish something like
Johnthis (<!-- m --><a class="postlink" href="http://quinlanartscenter.org/grand_reopening_photos.htm">http://quinlanartscenter.org/grand_reopening_photos.htm</a><!-- m -->)
that can be automatically expanded by PHP as I list from a database...
JohnI think I'd do that as a list (ul) of pics and style the items as maybe 100px squares all floated left. That should let the matrix reflow with the width of the page or you could wrape the list in a fixed size div to produce an effect similar to your example.Originally posted by ray326
I think I'd do that as a list (ul) of pics and style the items as maybe 100px squares all floated left. That should let the matrix reflow with the width of the page or you could wrape the list in a fixed size div to produce an effect similar to your example.
hate to ask, but I'm a horrible newbie....
So I'd write the PHP to output <li class="X" yadda yadda>
in an <ul> section under a div?
JohnWhen I actually played with it I found it simpler than that. You could do it by just wrapping the bare thumbnails in a div with an appropriate width. For those 100px square thumbs it could look as simple as
<div style="width:420px">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
</div>
I'm just reusing the same image there but you get the picture, right?
I want to accomplish something like
Johnthis (<!-- m --><a class="postlink" href="http://quinlanartscenter.org/grand_reopening_photos.htm">http://quinlanartscenter.org/grand_reopening_photos.htm</a><!-- m -->)
that can be automatically expanded by PHP as I list from a database...
JohnI think I'd do that as a list (ul) of pics and style the items as maybe 100px squares all floated left. That should let the matrix reflow with the width of the page or you could wrape the list in a fixed size div to produce an effect similar to your example.Originally posted by ray326
I think I'd do that as a list (ul) of pics and style the items as maybe 100px squares all floated left. That should let the matrix reflow with the width of the page or you could wrape the list in a fixed size div to produce an effect similar to your example.
hate to ask, but I'm a horrible newbie....
So I'd write the PHP to output <li class="X" yadda yadda>
in an <ul> section under a div?
JohnWhen I actually played with it I found it simpler than that. You could do it by just wrapping the bare thumbnails in a div with an appropriate width. For those 100px square thumbs it could look as simple as
<div style="width:420px">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://quinlanartscenter.org/images/2004/quindonorparty1_t.jpg" />
</div>
I'm just reusing the same image there but you get the picture, right?