@Eye_for_VideoMar 06.2012 — #Not about to download files from unknown source!
That being said... if your main container <div> is wide enough... and each <div> inside that is narrow enough... a class="floatLeft" applied to each <div> would work just fine... of course you need to create the class [CODE].floatLeft { float: left; }[/CODE] Best wishes,
@PBSWebDesignMar 07.2012 — #Based on looking at your code the galleries are tables. The javascript just pulls up a div with tables inside depending on which person you click. That way they each bring up there own specific table with their own pictures inside it seems. In Html Tables naturally stack over one another. So one table will naturally stack one on top of the other without css dictating how to line up properly. [CODE] <style type="text/css"> table { float: left; } </style> [/CODE]
Add this to the head section of your page. It will get the galleries to line up one after another when clicking on the links.
This will get the galleries to all line up when clicked side by side as they are clicked. I believe thats what you were wanting.
@JEMdesignsauthorMar 07.2012 — #No still not working. What I want is when I click on the next gallery it replaces where the currently gallery was. Also the tables are each inside their own div which is where the javascript class id is. I have also tried z-index and that doesn't seem to work.