Umm actually thinking of a container "x" pixels long that I can hold images
in so that they can be scrolled horizontally. This is the kind of effect
acheived in Flash with only a little effort but in CSS?
At the moment, I'm using the following code:
<div style="display: block; width: 692px; height: 110px; overflow: scroll;
overflow-y: hidden ! important;">
<div style="width: 3000px;"><!-- this width is the total width of all
objects in the conatiner-->
<a href="javascript:SwapPic('galleryLrg01.jpg')"><img
src="images/gallerySml01.jpg" width="100" height="100" border="0" alt=""
/></a>
<a href="javascript:SwapPic('galleryLrg02.jpg')"><img
src="images/gallerySml02.jpg" width="100" height="100" border="0" alt=""
/></a>
<a href="javascript:SwapPic('galleryLrg03.jpg')"><img
src="images/gallerySml03.jpg" width="100" height="100" border="0" alt=""
/></a>
<a href="javascript:SwapPic('galleryLrg04.jpg')"><img
src="images/gallerySml04.jpg" width="100" height="100" border="0" alt=""
/></a>
etc...
</div>
</div>
yick! a second almost usefuless nested <div> tag! Also, If I want to
populate this dynamically, then I'm going to have to work out the total
width of all the scrolling objects each time! How can I get rid of this?
:o)
R
----- Original Message -----
From: "Thorsten" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Monday, September 06, 2004 9:53 PM
Subject: Re: [WSG] Horizontal Scroll
Richard Czeiger wrote:
> CSS Question here: How do I get a horizontal scroll bar in a <DIV>
> but NOT a vertical scroll bar?
make sure to layout your content horizontally, so that overflowing
content will overflow to the right (for example). overflow-x and
overflow-y are CSS3 and are not well-supported at the minute, as far as
i know, so i wouldn't recommend those properties.
<div style="overflow:auto;">
<span>foo</span><span>foo</span><span>foo</span><span>foo</span>
</div>
hope that helps,
- Thorsten
******************************************************
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
