Jump to content
Stef's Coding Community
Susie

Need the tabs to be "under" the #wrap

Recommended Posts

Were they working before modifying the z-index?

 

You might need to rearrange your calls to Jquery. CSS stylesheets come before the jQuery, and the jQuery library comes before your custom script.

Edited by virtual

Share this post


Link to post
Share on other sites

Yeah, they were working before the z-index was applied.

 

I have the jquery in the head appearing after the calls to CSS. What you see in the footer is related to the wp_cycle plugin that controls the slideshow on the home page.

Share this post


Link to post
Share on other sites

Yes I realized that after and edited my post. I'm not quite sure what is happening but they are halfway working, they slide back in on page refresh???

Share this post


Link to post
Share on other sites

Yeah, that part is working. Ugh.... this is killing me.

 

Plus, I've got issues with the bottom widget area (the part in dark gray). On long pages, the bottom gets cut off. On short pages, it displays just fine. I know it's a silly error somewhere, but I can't find it! Nevermind the fact that the whole section is supposed to sit at the bottom right on top of the footer. <_<

Edited by Susie

Share this post


Link to post
Share on other sites

Just a thought, the tabs do animate, try changing the 'marginLeft'; settings to positive. Or just wait till Ben gets here and he'll sort you out quicker than I can.... B)

Share this post


Link to post
Share on other sites

Actually, the footer does stick to the bottom. The part that is white and has some links on the left and the copyright stuff on the right is the footer....

Share this post


Link to post
Share on other sites

Right - the footer at the very bottom is only 30 pixels high. That gray widget area should sit directly on top of the footer. And on long pages, the gray is cut off....you don't see the bottom dashes nor is the content properly padded....

Share this post


Link to post
Share on other sites

I don't know....I tried adding padding and borders and it didn't work for me. If I add enough padding for it to look right on the long pages, it's too much for the ones on the short pages.

 

Thanks for trying, Lynne. :)

Share this post


Link to post
Share on other sites

Well, I just added a 30px bottom margin to #home-bottom-widgets and it seems to have solved it. But I'm not sure if it's the correct way to do it. I hope it won't negatively affect other pages down the road...

Share this post


Link to post
Share on other sites

not sure but what I do when i have a page of different lengths is make a new css rule for this document only and use the same name . That way in the cascade the new one will be at the bottom and the height only effects that page only effect that page. An example of this http://www.roxanesmarine.com

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...