Announcement

Collapse
No announcement yet.

Header is Auto-resizing

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

  • Header is Auto-resizing

    I've been using vbulletin for years and I cant say I've ever had this problem.

    I upload a title logo that is 800x200 into the header. It's automatically making itself larger by about perhaps 20%. The closest support thread I saw to describing it was a guy whose english wasnt his first language and he described it as "zooming". What in the world is making this happen?

    To be clear, no matter WHAT I do or how much code I edit the image is always distorted to a larger size than it actually is. I've edited the header template, tweaked the titlevar, and even tried to implement some custom css. I even tried making the image 600x125 to see if the image would zoom proportionately ...it doesn't. The image continues to display as though its 1000 x 250 or so no matter its actual size. To make matters more bizzare, if I right click the image to see what size it is, it will show me the original image size (800x200) ...but you can clearly see one is smaller than the other, visually.

    Please help. The style Im using is based on the default and I've merely customized it, so maybe there's something obvious I'm missing.

  • #2
    try this... <img src="REPLACE YOUR IMAGE NAME.jpg" width="100%" border="0px">

    Comment


    • #3
      That doesn't work. NOTHING is working. Its as though there's some hidden variable that makes the header "zoom" to a larger size.

      I've tried editing the templates (using px and % sizes), removing the table (and using divs instead), putting direct image code, variables, custom CSS ...the image keeps zooming to a larger size than it actually is.

      Its driving me made. Is there some kind of hidden code which overrides the size of the header in the default template? It's all I can think of that's doing it, but maybe I'm missing something.

      Comment


      • #4
        Do you have a link? By default there is nothing that resizes the header logo.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API - Full / Mobile
        Vote for your favorite feature requests and the bugs you want to see fixed.

        Comment


        • #5
          http://www.raiders-guild.org

          First, look at the title logo. Then right click it to view the original image (more helpful to open in a new tab so you can look side by side at the size differences). I am completely at a loss what's causing this. Thank you guys for your help so far!

          Comment


          • #6
            What browser are you using? The image renders at the correct size for me. I suggest putting the height and width attributes to exactly the size you want the image to be.
            Last edited by Wayne Luke; Sun 9th Oct '11, 12:02pm.
            Translations provided by Google.

            Wayne Luke
            The Rabid Badger - a vBulletin Cloud demonstration site.
            vBulletin 5 API - Full / Mobile
            Vote for your favorite feature requests and the bugs you want to see fixed.

            Comment


            • #7
              Im using Firefox 6.

              I do have my browser "zoomed" (using the + or - keys to make text larger), but if that were the cause it should also be distorting the image when I go directly to it from its location. It shows correctly there. Why would the two appear different if they are being viewed in the same browser on the same setting?

              Is it just that the "zoom" feature of browsers works on certain kinds of files (i.e., a php or html page will be zoomed while a jpg page would not)?

              Thank you, thank you.

              Comment


              • #8
                Check your style's templates and CSS to see if there is anything that would zoom the image. Since this is a custom style, I can't really say what is causing the issue.
                Translations provided by Google.

                Wayne Luke
                The Rabid Badger - a vBulletin Cloud demonstration site.
                vBulletin 5 API - Full / Mobile
                Vote for your favorite feature requests and the bugs you want to see fixed.

                Comment


                • #9
                  Nothing I can find. I may be what you pointed out earlier about my browser text enlarge settings, but I dont' know. If its showing, undistorted, for you guys then it just may be a quirk with how browser resizing affects different file types. Thanks a lot for all the help here.

                  Comment


                  • #10
                    This is old, but did you ever figure this out? I just had it happen on a 4.2 style I'm working on. I created a new default style and the only change I made to it was the titleimage stylevar.... very odd.

                    Click image for larger version

Name:	autologo.jpg
Views:	1
Size:	62.2 KB
ID:	3689923


                    The top one in that image is the original file in PS. The bottom one is a screen capture of it on my site.
                    Last edited by mobosix; Mon 20th Aug '12, 9:16am.

                    Comment


                    • #11
                      Originally posted by mobosix View Post
                      This is old, but did you ever figure this out? I just had it happen on a 4.2 style I'm working on. I created a new default style and the only change I made to it was the titleimage stylevar.... very odd.

                      [ATTACH=CONFIG]61266[/ATTACH]


                      The top one in that image is the original file in PS. The bottom one is a screen capture of it on my site.

                      Since vBulletin doesn't actually handle the upload, it can't really change the size unless you have CSS to do so. We don't include that by default. I would suggest that you verify that you're working with screen dimensions in PS and not printer dimensions.
                      Translations provided by Google.

                      Wayne Luke
                      The Rabid Badger - a vBulletin Cloud demonstration site.
                      vBulletin 5 API - Full / Mobile
                      Vote for your favorite feature requests and the bugs you want to see fixed.

                      Comment


                      • #12
                        Wayne, it turns out that FireFox was enlarging it. I restarted FF and it was fine.

                        Comment


                        • #13
                          ctrl-0 will reset zoom levels in Firefox without a restart.
                          Translations provided by Google.

                          Wayne Luke
                          The Rabid Badger - a vBulletin Cloud demonstration site.
                          vBulletin 5 API - Full / Mobile
                          Vote for your favorite feature requests and the bugs you want to see fixed.

                          Comment


                          • #14
                            Thanks for the tip.

                            Comment

                            Related Topics

                            Collapse

                            Working...
                            X