need two images edges fixed


Could someone please fix the rough edges of these two images?
They are currently very fuzzy.
 end of navigation bar image 1 end of navigation bar image 2
Who is Participating?
Ray PaseurConnect With a Mentor Commented:
OK, here is the source code that uses those end cap images:

    <img src="web/images/global_bar_bk_r1_c1.gif" alt="" style="width:15px;height:42px;float:left">
    <img src="web/images/global_bar_bk_r1_c3.gif" alt="" style="width:18px;height:42px;float:right">  

The actual size of the left end cap is 15x42 pixels.  The actual size of the right end cap is 14x42 pixels, so it is safe to assume that the styling may be part of the problem, since it will try to stretch the image somehow.

I think I might make the right cap be a mirror of the left cap (the left one is the better image) and use styling that matches the width exactly.  Not sure if this is any better, but you might try it. Left end Right end
Ray PaseurCommented:
Fuzzy?  What do you want to change about them?
TrueBlueAuthor Commented:
Ray Paseur,

If you look at either end of the top navigation bar on this page using IE8 and zoom to either 200 or 400 percent you can see that the images look jagged. 
Below is a picture of what I mean.
picture of jagged image
Cloud Class® Course: Microsoft Exchange Server

The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.

Paul SauvéConnect With a Mentor RetiredCommented:
If you want to make the edges sharper, simply create a much larger rectangle with rounded corners, then reduce the size.   rectangle 8 x 1,5
Paul SauvéRetiredCommented:
Maybe NOT!
TrueBlueAuthor Commented:

That cleaned up the image.
Any idea which rule I need to edit to get rid the 3 pixel horizontal space between the right end cap and navigation bar?
Ray PaseurCommented:
Thanks for the points.  I'm not sure about that part, but I would look at padding and margin in the CSS.  IMHO the fact that there are defaults other than zero for these values is a huge design flaw (as is the fact that invalid tags are silently ignored).  But what can I say?  The people building the WWW are young and inexperienced.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.