JUNILSTYLE NEW-FORUM COMMUNITIY
You'll need to login in order to fully use all
the featured and view all the sectionsof this site.

Please register if you're not yet a member.

JUNILSTYLE NEW-FORUM COMMUNITIY


 
HomeHome  GalleryGallery  RegisterRegister  Log inLog in  PortalPortal  
Search
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Three Six Mafia Neighborhood Hoe Instrumental
Horizontal Scroll Icon_minitimeWed Feb 19, 2014 6:41 am by gilaifeele

» Glass House The Good Mother
Horizontal Scroll Icon_minitimeSun Feb 16, 2014 12:51 am by gilaifeele

» Hanna In A Choppa 2 Revenge Of The Button
Horizontal Scroll Icon_minitimeWed Jul 10, 2013 2:03 pm by Admin

» FFSNG TWEAKING
Horizontal Scroll Icon_minitimeSun Apr 22, 2012 12:12 pm by Admin

» NEW TIPS (Rename Facebook Those already limit)
Horizontal Scroll Icon_minitimeThu Sep 08, 2011 8:06 am by Admin

» Change nick name facebook
Horizontal Scroll Icon_minitimeThu Sep 08, 2011 7:58 am by Admin

» Quote with emoji and Symbol's
Horizontal Scroll Icon_minitimeSat Aug 27, 2011 12:28 pm by Admin

» Want Your status in your favorite friend with one click
Horizontal Scroll Icon_minitimeSat Aug 27, 2011 12:19 pm by Admin

» FBML W/ DESIGN XD
Horizontal Scroll Icon_minitimeSat Aug 20, 2011 8:13 am by linuj

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
Forum
::Affiliates::
::RADIO STATION::

::LIKE US::


::Flag Counter::
free counters



Share | 
 

 Horizontal Scroll

View previous topic View next topic Go down 
AuthorMessage
Admin
Admin
Admin

Posts : 44
Points : 129
Reputation : 0
Join date : 2011-05-16
Age : 28
Location : Philppines

Horizontal Scroll Empty
PostSubject: Horizontal Scroll   Horizontal Scroll Icon_minitimeTue May 31, 2011 11:30 am

This page contains code for a horizontal scroll. This enables you to create a scroll box with a horizontal scroll (but not the vertical scroll).

If you need to create a scroll box with horizontal and vertical scrolling, check out this HTML scrollbox code.


Basic Horizontal Scroll Box


To make a scroll box with a horizontal scroll, you need to use overflow-x:scroll;. This basically tells your browser to create scroll bars on the x (horizontal) axis, whenever the contents of the container is too wide. Here, we make our content too wide by setting it's width to 250 percent - that's 250 percent of its parent container (the div).

To prevent vertical scroll bars from appearing, you need to use overflow-y:hidden;.


HTML code:

Code:
<!-- HTML Codes by Quackit.com -->
<div style="border:1px solid black;width:200px;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>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/codes/horizontal_scroll.cfm">Horizontal scroll</a></p>


live preview : http://junilstyle.ucoz.net/junilstyle12/6.html
Back to top Go down
http://junilstyle.forumotion.com
 

Horizontal Scroll

View previous topic View next topic Back to top 

 Similar topics

-
» Tansaku Kake Bonsai Scroll
» making Scrolls
» Which scroll(s) Would you Choose and Why?
» True Bi-Amping
» Scroll like pattern on Kelston Saucer is Border Pat.No.119
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
JUNILSTYLE NEW-FORUM COMMUNITIY :: Discussion Lounge :: Tutorial's :: HTML Scroll Box/color/borders-
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com
POWERED BY : JUNILSTYLE