Scroll Box Code

Please fill in the form or for immediate response, call now: 210-401-3441

Services

► Website Design

► Website Redesign

► Graphic Design

Business Hours

Days

Hours

Monday

8:00 AM to 5:00 PM

Tuesday

8:00 AM to 5:00 PM

Wednesday

8:00 AM to 5:00 PM

Thursday

8:00 AM to 5:00 PM

Friday

8:00 AM to 5:00 PM

Saturday

Closed

Sunday

Closed

Why Choose Us?

► Competitive Pricing
► Flexible Technology
► Scalability
► Credit Cards Accepted

Make A Payment

Credit Card Processing

Advertising Link:

Always Shine-N Mobile Detailing offers full service auto detailing at your home of office in the San Antonio area. Check’em out!

http://alwaysshine-n.com/

Free HTML Code - Click Here

Policies

Home About Us Services Our Work Free Code Templates Articles Contact Us Links

website development firm, ecommerce, flyers, brochures, logos, catalogs, stationary, redesign, maintenance, search engine optimization, search engine marketing, branding, san antonio, texas, tx

website firm, website development, web development, ecommerce, website design

Call: 210-401-3441

Example Code: Scroll Box

    <div style="height:120px;width:250px;font:16px/26px Arial, Arial, Arial;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>

Result:

As you can see, once there's enough text in this box, the box will include scroll bars... that's why it's called scroll box! You could also place images and video into the scroll box. The beauty in using a scroll bar it that when you're limited on the amount of space you have on your website, the scroll bar provides you with the ability to place as much text as you need on the page.

Example Code: Scroll Box Color

    <div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;">We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.</div>

Result:

We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.

Example Code: Scroll Box with Image

    <div style="height:221px;width:330px;overflow:scroll;">
    <img src="photo_library/graphicdesign.jpg" border="0" width="330" height="170" alt="Sample picture for scroll box: Graphic Design Banner, by InetWare Technology" /><br />
    <img src="photo_library/grow.jpg" border="0" width="330" height="170" alt="Sample picture for scroll box: InetWare Technology Grow Banner by InetWare Technology" />
    </div>

Result:

Sample picture for scroll box: Graphic Design Banner, by InetWare Technology

Sample picture for scroll box: InetWare Technology Grow Banner by InetWare Technology

Example Code: Scroll Box Color Boarders

    <div style="height:80px;width:350px;overflow:scroll;border:9px groove #FF0000;">You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>

Result:

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Example Code: Horizontal Scroll Box

    <div style="border:1px solid black;width:350px;height:100px;overflow-y:hidden;overflow-x:scroll;">
    <p style="width:250%;">
    By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow. 
    </p>
    </div>

Result:

By using overflow-x, we can create scroll bars when the contents of this div are wider than the container. By setting this paragraph to 250 percent, it is 250 percent wider than the parent container - forcing an overflow.

Example Code: Vertical Scroll Box

    <div style="border:1px solid black;width:350px;height:100px;overflow:scroll;overflow-y:scroll;overflow-x:hidden;">
    <p style="height:250%;">
    By using overflow-y, we can create scroll bars when the contents of this div are bigger/higher than the container. Also, by setting this paragraph to 250 percent, it is automatically 250 percent higher than the parent container - forcing an overflow. 
    </p>
    </div>

Result:

By using overflow-y, we can create scroll bars when the contents of this div are bigger/higher than the container. Also, by setting this paragraph to 250 percent, it is automatically 250 percent higher than the parent container - forcing an overflow.