Code in page affecting side bar formatting

  • jcoria

    (@jcoria)


    15 years, 9 months ago

    Greetings,

    I am having some problems with a piece of code I’m trying to implement. I have a fansite for a band and we have a Downloads section (http://minusthebear.net/?page_id=2). I want to organize it a little neater, so I was going to break it down into 3 different sections, bootlegs, live, and demos. I also wanted to hide the links, unless you clicked on either bootlegs. I found this website http://www.cssnewbie.com/showhide-content-css-javascript/ which seemed to do what I wanted to do. I tried to add the code, but when I update the site, my sidebar now was shifted to the right and the links we’re right justified, which ruined the layout.. but only in the downloads page. Once I clicked on Home, Links, or Contacts, the sidebar went back to normal. What can I do to prevent this from happening?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Te Calleja

    (@tecreative)

    15 years, 9 months ago

    i checked your site and it looks fine now. did you turn off the code?

    anyway… my layouts screw up sometimes when i miss a closing </div> or inadvertently add an extra one. try viewing the source and see if all your tags are properly paired.

    Thread Starter jcoria

    (@jcoria)

    15 years, 9 months ago

    Awesome thanks! I checked the <div> and I did have some extras! Only thing is that now there are about 3 lines of blank space above, and when you click on each, it justifies to the right. Any ideas on that?

    Te Calleja

    (@tecreative)

    15 years, 9 months ago

    check your global.css file and find

    #main .more { text-align: right;}

    it should be text-align: left;

    🙂

    Thread Starter jcoria

    (@jcoria)

    15 years, 9 months ago

    Ahh, I thought you had it, but I changed the code and still no luck, although what you said makes sense. Is there any other place where I should be changing it? Thanks for all your help so far

    Te Calleja

    (@tecreative)

    15 years, 9 months ago

    hmm you have an internal css call, maybe you can add it there?

    <style type="text/css">
   /* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;
      text-align: left;
}
</style>

    not too sure about this though, i’m terrible at css 🙂

    i also noticed on your source code that you seem to have several head and body tags, maybe it would help if you clean those up too. hope it works!

    Thread Starter jcoria

    (@jcoria)

    15 years, 9 months ago

    Awesome, I took out the extra head/body tags and it looks great now, thank you so much!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Code in page affecting side bar formatting’ is closed to new replies.