Menu
Community /Pin to ProfileBookmark
@cootheadMar 21.2010 — #Hi there Rain Lover,
here is an example...
[i]coothead[/i]
Horizontal Scrolling <div>
Hi,
How can I create a row of images with a horizontal scrollbar?
I’d be really grateful to your help!
Regards
Rain Lover
Sign in
to post a comment3 Comments(s) ↴
0
@cootheadMar 21.2010 — #Hi there Rain Lover,here is an example...
[color=navy]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://www.coothead.co.uk/images/">
<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="apple.jpg" alt="">
<img src="apple.jpg" alt="">
<img src="apple.jpg" alt="">
<img src="apple.jpg" alt="">
<img src="apple.jpg" alt="">
<img src="apple.jpg" alt="">
<img src="apple.jpg" alt="">
<img src="apple.jpg" alt="">
</div>
</div><!--end #container -->
</body>
</html>
[/color][i]coothead[/i]