asked on 7/21/2008

Horizontal list using images cannot remove space between images

Hello,
Please see the code below, for whatever reason there is spacing between these images i can't seem to get rid of.

Thank you

<!-- Begin top bar -->
<div>
 <ul class="navigation">
  <li><img src="images/nav_signup_title.gif" width="181" height="76" alt=""></li>
  <li><img src="images/nav_signup_1_past.gif" width="215" height="76" alt=""></li>
  <li><img src="images/nav_signup_2_on.gif" width="159" height="76" alt=""></li>
  <li><img src="images/nav_signup_3_off.gif" width="213" height="76" alt=""></li>
  <li><img src="images/nav_signup_4_off.gif" width="125" height="76" alt=""></li>
  <li><img src="images/nav_signup_rightside.gif" width="12" height="76" alt=""></li>
 </ul>
</div>
<!-- end top bar -->
 
/*---->>> Navigation Bar Layout <<<<----*/
ul.navigation{
margin:0;
padding:0;
}
ul.navigation li {
list-style-type:none;
margin:0;
padding:0;
display:inline;
} 
ul.pics li img {  
	padding:0;  
	margin:0;
}

ss.gif

Last Comment

7/21/2008

7/21/2008

ASKER

I was able to fix problem by not breaking the LI lines into different rows. There must be a cleaner way to fix this, any thoughts?

Thanks

<div class="navigation">
 <ul class="navigation">
  <li><img src="images/nav_signup_title.gif" width="181" height="76" alt="" /></li><li><img src="images/nav_signup_1_on.gif" width="215" height="76" alt="" /></li><li><img src="images/nav_signup_2_off.gif" width="159" height="76" alt="" /></li><li><img src="images/nav_signup_3_off.gif" width="213" height="76" alt="" /></li><li><img src="images/nav_signup_4_off.gif" width="125" height="76" alt="" /></li><li><img src="images/nav_signup_rightside.gif" width="12" height="76" alt="" /></li></ul>
</div>

Open in new window

ASKER CERTIFIED SOLUTION

scrathcyboy

7/21/2008

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

CSS

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

43K

Questions

Followers

Top Experts

Get a personalized solution from industry experts

Ask the experts

"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23
"Your help has saved me hundreds of hours of internet surfing."
@fblack61
"Just a dang good service!"
@golferski
"Worth every penny."
Steve Hougom
"It’s been a life saver."
Maria Halt
"Best support site I’ve seen!"
Bob Schneider
"I would be lost without them."
@fblack61
"Saved my job multiple times."
Walt Forbes
"I love this site."
Maria Duwe
"Friendly respectful help."
Andrew Kowtalo
"Such top-notch experts."
@magento
"The best money I have ever spent."
@rwheeler23
"Beyond any comprehensible value"
George Morris
"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23

Read over 600 more reviews

TRUSTED BY