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
Wed Feb 19, 2014 6:41 am by gilaifeele

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

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

» FFSNG TWEAKING
Sun Apr 22, 2012 12:12 pm by Admin

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

» Change nick name facebook
Thu Sep 08, 2011 7:58 am by Admin

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

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

» FBML W/ DESIGN XD
Sat 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
avatar

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

PostSubject: Horizontal Scroll   Tue 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.new-forum.net
 

Horizontal Scroll

View previous topic View next topic Back to top 

 Similar topics

-
» Scroll by Kelston Potteries
» Waterfall Scroll #2
» Customer Scroll in Zen Meditation Area
» Tansaku Kake Bonsai Scroll
» Kit Schwartz
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-
Create a forum on Forumotion | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com
POWERED BY : JUNILSTYLE