Announcement

Collapse
No announcement yet.

Is there a way?

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

  • Is there a way?

    Is there a way that you can have it when someone posts a huge picture or types a long message that stretches the thread, that instead of doing that it makes a horizontal bar that scrolls left to right so the thread doesnt stretch?

  • #2
    anyone?

    Comment


    • #3
      Ive been looking for a solution too.


      It looks like the best method is to use "overflow: auto;" as a style element, but it has to be added to an element that has a width specified, which doesnt work too great if you put it around each postbit.

      I assume you're more concerned about images rather than code/php/html blocks?

      I've spent a bit of time trying to get this working because id find it very handy.

      It wont "work" in IE at all(works fine in FB), because "white-space: pre;" conflicts with "overflow:auto;" when IE isnt in standards compliance mode (it seems IE turns into "quirks" mode when rendering vBulletin pages).
      Last edited by merk; Sun 4 Jan '04, 2:18am.

      Comment


      • #4
        Originally posted by Ryan McBain
        Is there a way that you can have it when someone posts a huge picture or types a long message that stretches the thread, that instead of doing that it makes a horizontal bar that scrolls left to right so the thread doesnt stretch?
        I haven't actually tried this in the vB templates, but the basis of what you want is this:

        Code:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
            <title>Image test</title>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <meta http-equiv="imagetoolbar" content="no" />
            <style type="text/css">
                <!--
                    .image {  width: 500px; height: 500px; overflow: auto; }
                -->
            </style>
          </head>
          <body>
        
            <div class="image"><img src="Christina.jpg" width="800" height="600" alt="User uploaded image" /></div>
        
          </body>
        </html>
        Any browser that doesn't understand overflow: auto (e.g. Netscape 4*) will just show the full image

        Sean
        SitePoint Advisor (seanf)
        http://sitepointforums.com
        Harry Potter

        Comment


        • #5
          Cool so where do I put this code?

          Comment


          • #6
            Where do I put this code? I have seen it done in this thread http://www.vbulletin.org/forum/showt...threadid=59708

            Comment

            Related Topics

            Collapse

            Working...
            X