Dynamically scripted CSS positioning — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

Dynamically scripted CSS positioning

This page's ID: 26226

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I need hardcore help with dynamic CSS positioning, so naturally I thought of the Asylum. Mostly I hope to learn something from you about dynamic CSS positioning, I'll worry about the coding. :) The Setup: We're (which really means "I'm") building an inventory application in the Plone CMS, which uses Python/CSS: http://dragonstar.med.unc.edu/ccbc-test/facilities/test/inventory/bldgGlaxo/roomHallway/boxfreezer/left/c3/box9 If you follow the link and click on the column image with Box 9 highlighted, you'll go up one level to the list of boxes. If you then click on the "A1 A2 A3..." image, you'll see a grid view. The Problem: Right now, this page is a manually coded table with a non-elegant mix of css thrown in. I'd like to make this view dynamic; the page would loop through each subfolder, called freezerColumns. Each FreezerColumn would have a row property (A, B, or C) and a column property (1, 2, 3, or 4). The page would use the row and column property to properly position the freezerColumn, then grab its owner/status and display it. Honestly, this is a bit beyond my capabilities, but I want to do it right. The problem is that the text is dynamic. If each freezerColumn was rendered in a fixed-width font and truncated to a certain length, the width of each cell would be the same. But that seems like a hack. Also, if a column doesn't exist or is completely empty (such as L2A, L3B, etc.), there needs to be a space for it in the table. How can I tell a div to go to row A, Column 1, print its text, then make the others flow properly in their place, while putting placeholders in for non-existent freezerColumns? :) If this seems like overkill for a grid with only 12 cells, it is. The real issue is at the box level (the original link above). This page will have 81 cells in a 9 x 9 grid. 75% of the time people will just want to see a list of contents, but a critical 25% of the time we'll need to see something that looks like this: http://dragonstar.med.unc.edu/ccbc-test/facilities/test/inventory/bldgGlaxo/roomHallway/boxfreezer/left/c3/box9/fc_boxview As a neurotic Asylum member, I hope I've given enough info and that this whole scheme isn't entirely mad. :) Thanks for any assistance. I've read about the box model and float until I'm blue in the face, but it isn't clicking. ~~~~~~~~~~~~~~~~~~~~~~~ Judge Rob, DVD Verdict: http://www.dvdverdict.com/dossiers/rlineberger.php Site I'm currently struggling with: http://dragonstar.med.unc.edu/ccbc-test Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu