Help - Search - Members - Calendar
Full Version: Animated Collapsiple panel messes up everything
HTMLHelp Forums > Web Authoring > Web Site Functionality
cyntrail
Hello!

So I've got this little tricky problem (Not really that great in html stuff). I made a Website layout with help of CSS styles and then I found this small Animated collapsible panel script (javascript) blush.gif which I decided to implent on my site, but:

http://www.freewebs.com/cytrone/


Unfortunatelly it doesn't work as intended and I don't know why. I want it to be on same level as the Flash.gif (the huge cubical picture) but it being on a right side of content area.

But it forces itself on top of the flash.gif and makes the background content disappear somewhere and push the barriers of the content area in deep right.

I am speechless and need your help!!! wub.gif

Thank youu wub.gif
Darin McGrew
I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.

And don't set the font size to 70%. Use 100% for body text, larger percentages for headings and the like, and (slightly) smaller percentages for legalese and other fine print.

While you're debugging your layout, it will be helpful to set different background colors for the different elements. That way you can see what's going on. You could also set borders, but borders can affect whether adjacent margins collapse, which can cause weird results when you turn them off after you get the layout working.
cyntrail
Well thank you for a reply, I fixed it a little, but now I have stuck again. I am not sure if the problem is in Freewebs.com, but my content layout is sinkinf for some reason, don't know what to now...again.. rolleyes.gif
Darin McGrew
It looks much better to me. Before, the pieces were scattered, and the page was forcing horizontal scrolling.

In what way do you want it to look different from how it looks now?
Frederiek
It still looks scatterd to me in Safari/Mac:

Click to view attachment
cyntrail
Well it works now. Apparently I took out the Javasript and it worked perfectly. But still, thank you for your help. biggrin.gif

Scattering/Scale error occurs because of the Freewebs banner ninja.gif I ckecked the site on another FTP Space and it works very well.

Now I just start developing much deeper now. unsure.gif

QUOTE(Frederiek @ Jun 14 2008, 11:29 AM) *

It still looks scatterd to me in Safari/Mac:

Click to view attachment

It was scattered even worse than in that picture.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.