Creating Tableless theme

[eke]

yo,

i too am trying to integrate into a tableless layout.
i have succeeded so far in squeezing it into ONE layer (400x600px)
without breaking the rest of my layout which is a fixed width/height thingy (yesyes I know, it's eke to use fixed heights...)

my layout:

Code Select Expand


layer1|layer2
layer3| - " -


layer1=menu (400x300)
layer2=content (400x600 overflow auto)
layer3=block (400x300) can contain content related stuff

ultimately I would love to get coppermine to display an "intermediate" view in layer3 (block) when clicking on a thumbnail in layer 2 without losing the thumbnail view.

slowly learning php so I guess it will be some time before I can work that one out on my own. Any help is greatly appreciated!
Cheers.

eke.

[xleyba]

Hi

I would like to have a modern layout of my theme without tables. I'm trying to make it by myself but I've found there are a lot of tables embeded in PHP code (more than 30) and it makes so difficult to get the job done.

Also, I guess if I touch Coppermine code my new code will not be upgradable...

I want to know if somebody knows a existent template without tables layout and if there are planned a new Coppermine with a more clean template model....

Thanks in advance
jl

[edit GauGau]
merged your thread with the one dealing about tableless themes...
[/edit]

[coopersita]

I made a coppermine album with a table-less format. It's not perfect (some tables are still present in the admin interface), but I'm going to try to make another one better.

Because of this client's needs a lot of the functionality was taken away.

http://www.yo.com.mx/resa

[Joachim Müller]

This is an outstanding theme, very well done. Is it OK to refer to this excellent page in the future in some sort of "featured galleries" section on the coppermine pages?

Joachim

[Rodinou]

I have finished soon my tableless version soon

http://www.sortons.net/photos/

No touch Admin Interface, to complicate ...

but I have only 3 or 4 codes to see, and all will be 100% tableless

[donnoman]

I have started working on what I hope to be a tableless theme with css and xhtml.  I am just at the layout stage and fighting with IE/Netscape issues and laying out the graphics so that they properly expand and contract.

Any resources would be helpful.

For example, I'm trying to create a wrap around image frame:



 
 
 
 
 

1	< 2 >	3
^		^
4	{BODY}	6
v		v
7	< 8 >	9

Where cells 4, 6 expand vertically;
Where cells 8, 2 expand horizontally;
where cells 7,8,9 end at the end of content, rather than relative to the screen.
Where {BODY} takes up the rest of the space.

I need to get my hands on a good overview, or a similar example.

Thanks,

[donnoman]

For What its worth one of the better css references I've found is:

http://www.quirksmode.org

I'm about to yell UNCLE! on this CSS-Positioning stuff.  

Version 1. well we won't even mention it. Version 2 attempted to fool with using height 100%, and I did get it to work, but the initial
page draw would create everything relative to the viewport and it would look stupid if you only had a small content area and a really big window. It also didn't render the same way with Mozilla and IE. There were a few more reasons which I don't recall but v2 got thrown out.

This is the results of my third scratch rewrite of this page, and css problems still bug me.

This method uses nested div's, relative positioning, and some fooling with margins to create all the different areas.

The backgrounds expand and contract as well, with one exception.

When the content div hits the table it stops shrinking. Which is good.

However the top and bottom row continue to shrink and the graphics look all wonky.

I'll inlude two screenshots of what I'm talking about, and the code in case anybody was trying to do something similar.

[donnoman]

I officially cry Uncle and tap out with tyring to use a tableless layout with this theme.

My fourth rewrite ended up with the same exact problem.    :-\\

CSS-P might be ok for a 3 column layout, but its just not up to this task.