I would like my content box expand and shrink with the text inside of it. My issues is getting it to center as well.
My content box appears to be positioned relative to the home button and that's causing it to move off center. I'm not sure why its tied into the home button. It most have something to do with the way I'm displaying my content with the on-hover effect. The right side of the content box is the only side that moves when the box expands or shrinks. The left side stays in the same place in line with the home button.
If I changed the code below to positioned strict that "should" make it its own entity correct? Then I would plug in my width and my margin autos and it "should" be center right?
http://www.wararmada.com/tdb/test.php
With test.php, the right edge changes places because you haven't specified a width. Thus, the element's width adjusts for the width of its content.
Yes. I'm trying to get the box to stay fluid like that. So that its changing size depending on the content inside of it.
I just can't figure out how to center it at the same time. The left edit of the content box is linked to the left edge of the navbar so all of the code i've tried adding to move the content box moves it how ever many px or % from the left edige of the navbar.
I'm going to try putting another div around the content box and giving it width and centering it then positioning the content box from within it and see if that changes anything.
I've been playing around with it and I'm starting to think I'm not going to be able to pull this off. When I use a % the box moves like it should as far as expanding and shrinking on both sides but its also changing position to where it's off center in a different position. Sometimes to the left sometimes to the right depending on the size of the box.
I'm trying to look at this from another angel and maybe figure something out. I've been playing around with adding in another div around my content box and I think I see one of if not the issue. I glanced over at the design view in dream weaver and it looks like all the content on my page is inside this div. Its what holds my navbar.
No Dreamweaver didn't indent the code that way. I thought it would be easier to look at until after i changed it =(
As for the nested lists. That's kinda how it ended up happening. I started off trying to get all the content to display when you hover over the button. I did that just using css.
Then I noticed how easy it was to let the content window close. If you didnt keep the mouse hovered over the content box it closes. I have some small boxes related to the search functions.
So I added that java script to make the content stay open until a new page was selected.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)