Reduce the space between scrolling links

**Rain Lover** · 07-04-2012, 02:38 AM

Hi,

Sample:

Code:

<!DOCTYPE html>
<html>
<head>
<title></title>
   <style type="text/css">
	#container {width:300px; overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
	img {border:0;}
   </style>
</head>
<body>
   <div id="container">
	<a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a>
	<a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a>
	<a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a>
	<a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a>
	<a href="#"><img src="http://lh3.googleusercontent.com/-hUXeHq5OxEo/Thc7hFFv3gI/AAAAAAAAABQ/Yh7omR8iwzI/s800/thumb1.jpg" alt=""></a>
   </div>
</body>
</html>

How can I reduce the space between the links to 1px?

Many thanks in advance!
Mike

**Nile** · 07-04-2012, 03:04 AM

You can try margin: 0 -3px 0 0; on the img in the css.

**Rain Lover** · 07-04-2012, 05:58 PM

Originally Posted by Nile

You can try margin: 0 -3px 0 0; on the img in the css.

Thanks for the simple suggestion!

**Nile** · 07-04-2012, 06:00 PM

No problem, I'm glad to help

In an effort to keep things organized, you have the option to set a thread to resolved when an issue is fixed. To make the status of the thread resolved:
1. Go to your first post
2. Edit your first post
3. Click "Go Advanced"
4. In the dropdown next to the title, select "RESOLVED"

Thread: Reduce the space between scrolling links

Thread Tools

Search Thread

Reduce the space between scrolling links

Bookmarks

Bookmarks

Posting Permissions