What is this called?

Discussion in 'HTML & Website Design' started by SEO Expert!, Mar 4, 2011.

  1. #1
    Hi,
    Can some body tell me that how to create a septate box in Dreamweaver for scrolling down.
    For example: vpslatch.net
    in this site "Live Chat" box move down, when page goes down.
    Please tell me that what is this called? and how to create this one?
     

    Attached Files:

    SEO Expert!, Mar 4, 2011 IP
  2. Gallone64

    Gallone64 Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    That is called a floating box,

    All you do is set the DIV tags to where you want it.

    Then set the position to -------------> position:absolute, then it will know where about's it sits on the page, but it will scroll with the page.

    Example?

    #container .left .buttons #social{ background:#FFF;margin:0 0 0 -58px;padding:10px;position:absolute;top:75px; }
    #container .left .buttons #social div{ margin:0 0 10px 0;text-align:center; }
     
    Gallone64, Mar 8, 2011 IP
  3. rocky101

    rocky101 Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Use this code for creating a seperate box in Dreamweaver for scrolling down.

    <!-- HTML Codes by Quackit.com -->
    <div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
    As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
    </div>
    <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/html_scroll_box.cfm">HTML scrollbox</a></p>
     
    rocky101, Mar 8, 2011 IP
  4. SEO Expert!

    SEO Expert! Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Can you please tell me that where have to put this code?
     
    SEO Expert!, Mar 12, 2011 IP