homepage Welcome to WebmasterWorld Guest from 54.243.12.156
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Horizontal Scrolling <div>
Rain_Lover




msg:4101680
 10:04 pm on Mar 20, 2010 (gmt 0)

Hi,

How can I create a row of images with a horizontal scrollbar?


I'd be really grateful to your help!

Regards
Rain Lover

 

incrediBILL




msg:4101703
 10:51 pm on Mar 20, 2010 (gmt 0)

One simple method would be to use an iFrame and just put all the images on a 2nd page displayed in the iFrame.

birdbrain




msg:4101836
 11:32 am on Mar 21, 2010 (gmt 0)

Hi there Rain_Lover,

I, personally, would avoid the use of the iframe element. ;)

Here is an example of it's non-use. :)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>horizontally scrolling box</title>

<style type="text/css">
body {
background-color:#555;
}
#container {
width:850px;
height:216px;
border-style:solid;
border-width:5px;
border-color:#333 #777 #777 #333;;
margin:100px auto 0;
overflow:auto;
}
#content {
width:1680px;
padding:10px 0 10px 10px;
height:180px;
background-color:#fff;
}
#content img {
float:left;
width:198px;
height:178px;
border:1px solid #000;
margin-right:10px;
background-color:#ccc;
}
</style>

</head>
<body>

<div id="container">

<div id="content">
<img src="some.jpg" alt="">
<img src="some.jpg" alt="">
<img src="some.jpg" alt="">
<img src="some.jpg" alt="">
<img src="some.jpg" alt="">
<img src="some.jpg" alt="">
<img src="some.jpg" alt="">
<img src="some.jpg" alt="">
</div>

</div><!--end #container -->

</body>
</html>


birdbrain

Rain_Lover




msg:4101877
 2:10 pm on Mar 21, 2010 (gmt 0)

@ birdbrain,

Thanks for the answer!


@ incrediBILL,

I can't get it to work through an iframe. Would you please give an example or provide a sample code?

bizminder




msg:4109241
 4:31 am on Apr 3, 2010 (gmt 0)

Could you please elaborate on how it is done with iframe.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved