Announcement

Collapse
No announcement yet.

Header aligned to the left, main forum centered

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [vB3] Header aligned to the left, main forum centered

    Hey,

    Im having a problem trying to get the alignment on my forum.

    I have the alignment working on 2 other scripts perfectly but for some reason the header is totally out of alignment in vbulletin.

    You can see it here

    Anyone know what the problem is?
    I have changed the width of the main forum to be the width of the headaer, but I don't know why the header is off.

    Anyone know what could be wrong?

    Thanks very much
    John
    John Diver

  • #2
    It looks fine to me. What is it supposed to look like?

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools <- awesome site for html/css help

    Comment


    • #3
      The OP provided the wrong link. The forum is here: http://www.northwestsocial.com/forum/index.php. There are a number of problems. The first thing I recommend is to correct the validation errors. You can do that by finding them here and making the corrections in your templates as needed.

      Jim
      If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
      www.TheFloorPro.com

      Comment


      • #4
        Sorry, another script Im running means I have to link directly to the index page.

        Checking out that link now thanks
        John Diver

        Comment


        • #5
          I had a look but I dont think any of the problems would cause the alignment issue, although I will get them fixed anyway

          The main body of the forum is 982px and centered, I want the header to be the same, it is 982px but aligned to the left.
          John Diver

          Comment


          • #6
            Fix the validation errors and make sure you have all your ducks (DIVs) in a row. You'll be pleasantly surprised. Whenever you have problems, first look at the validation. A lot of people say it isn't important, but those people are wrong. vBulletin comes to you with valid code. If you break it, you will have problems.

            Jim
            PS: why would you have to link to the wrong page when I didn't have to?
            If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
            www.TheFloorPro.com

            Comment


            • #7
              Because I have always used /forum for all my sites but this time, another script is redirecting it to the homepage if I dont link directly to the forum index.php - Which I forgot

              I will try to fix these, I'm not a coder at all so hopefully I will get it!

              Thanks again Jim
              John Diver

              Comment


              • #8
                You have the div aligned right, so it's doing what you told it to do:
                HTML Code:
                <div align="right" class="topnav_box">

                Please don't PM or VM me for support - I only help out in the threads.
                vBulletin Manual & vBulletin 4.0 Code Documentation (API)
                Want help modifying your vbulletin forum? Head on over to vbulletin.org
                If I post CSS and you don't know where it goes, throw it into the additional.css template.

                W3Schools &lt;- awesome site for html/css help

                Comment


                • #9
                  Originally posted by Lynne View Post
                  You have the div aligned right, so it's doing what you told it to do:
                  HTML Code:
                  <div align="right" class="topnav_box">
                  That's just the icons above the top navigation. There's also a DIV that centers everything that is misplaced. That DIV is referenced in the validation errors.

                  As a side-note, that background graphic for the navigation is not a transparent GIF, so it looks bad at the corners.

                  Jim
                  If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
                  www.TheFloorPro.com

                  Comment


                  • #10
                    No, what I quoted is the navbar under the icons - HOME | BROWSE | DIRECTORY | FORUM | etc.

                    Please don't PM or VM me for support - I only help out in the threads.
                    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
                    Want help modifying your vbulletin forum? Head on over to vbulletin.org
                    If I post CSS and you don't know where it goes, throw it into the additional.css template.

                    W3Schools &lt;- awesome site for html/css help

                    Comment


                    • #11
                      Yep, I set align to right for the icons because they were also to the left, that worked and they are where they should be.

                      I'm packing to move house from today so hopefully I will get time to go through the validation errors soon!

                      Thanks again for all the help
                      John Diver

                      Comment


                      • #12
                        Line 494, Column 17: end tag for "br" omitted, but OMITTAG NO was specified

                        </table><br><br><br>



                        You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
                        I'm not sure what is wrong with this?
                        I'm not a coder so I have very limited (Simple) knowledge of code. I thought this was ok?

                        Lynne, I also changed that align, but it didn't make any difference, I set it to right from centered and with no align just to see what it would do, but it hasn't made any difference.
                        John Diver

                        Comment


                        • #13
                          Change all <br>s to <br />. You can do a search and replace very easily. It will reduce the number of errors and make finding more critical errors easier.

                          You have at least one page on your website that the navigation bar displays correctly. Look at the source code of that page and compare it to the source code of the screwed up page.

                          Jim
                          If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
                          www.TheFloorPro.com

                          Comment


                          • #14
                            Hey Jim,

                            I have used the exact same code that I am using on a directory script and for the main site, its working correctly on both but not vbulletin for some reason which is why I'm confused.

                            Thanks once again for helping!
                            John Diver

                            Comment


                            • #15
                              You have to look closely. It couldn't possibly be the exact same code, or it would look the exact same way.
                              If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
                              www.TheFloorPro.com

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...
                              X