2 replies to this topic

[R-B]

I need some html or css quick lesson...I want to create a gallery/portfolio page or section similar to what can be seen on: http://www.apnapisj.com/portfolio/#

I know that can easily be achived by tables but I want to know how I can arrange the thumbnail images like that without tables in dreamweaver.

One thing I tried doing was insert several "image-place holders" Looked like that does the trick but the problem is I can't align the image-place-holders accordingly. So how can I arrange my thumbnails on a page like on this link: http://www.apnapisj.com/portfolio/#


thanks

[RobCullen]

Im not to sure i know theres as way in php to make a gallery like that but i too have the same problem with html coding. would like to also know how this is done

[Davey]

well the body of the site itself is 1 row (header) and 2 columns left (navigation) and right (content)... since ur portfolio thumbnails are displayed in the content area u would work out the width of that div/cell (depends whether ur main site is tables or css) then divide the width by 3 if u want 3 thumbs on each row...

if the width is say 350px (just for easy explanation), u will want to make the div ur thumbnails are going to be in about 100-110px in width and height (if u want them to appear square and not rectangle), in the head of ur page put

<style type="text/css">
#thumbs {
height:100px;
width:100px;
float:left;
}
</style>

then where u want the thumbs to appear in ur page put:

<div id="thumbs">UR IMAGE</div>



i dont know if that is very clear but i will try and explain clearer if still stuck...