dynamic tabs

[nicholasstephan]

Hey,

I'm populating a site using php/mysql and a system of templates and serialized variable strings, the outputted html code being a compilation of the two.

Anyway - I've run into a problem. I'm trying to build a tab subnavigation with different types of tabs being different templates (a video tab, a text tab, an image thumbnail tab...). Due to the way my php works the templates are outputted sequentially. ei:

<div style="text"> 
	text template html + user variables
</div>


<div style="tab"> 
	tab template html + user variables
</div>


<div style="tab"> 
	tab template html + user variables
</div>


<div style="tab"> 
	tab template html + user variables
</div>

This means I can't use the classic list method as the tabs can't be mixed together (if you know what I mean) and I don't much feel like rewriting my php compiler just for this special case.

I'm been trying a combination of floats (for the tab link divs) and absolute positioning (for the content divs), but this just seems kind of dodgy in today's browserscape, and barely works.

If anybody knows a cool trick for doing tabs like this I'd really appreciate it.

cheers

nic

[toicontien]

Maybe try this out? It's an older script I wrote by might do the trick: Finally, Accessible DHTML Tabs - WebDeveloper.com