This is a discussion on "Making an image a link adds whitespace I can't get rid of" within the Web Page Design section. This forum, and the thread "Making an image a link adds whitespace I can't get rid of are both part of the Design Your Website category.
|
|
|
|
|
 |
||
Making an image a link adds whitespace I can't get rid of
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
|
#1
Aug 18th, 2006, 08:01
|
|||
|
|||
|
Making an image a link adds whitespace I can't get rid of
Ok, I'm not really sure how to describe this, so I'll just show an example.
Check out this: http://www.l4eclan.com/bipco/wtf1.htm and http://www.l4eclan.com/bipco/wtf2.htm They are the exact same code, except that in the second one the buttons ('Products,' 'Services,' etc.) are linked somewhere. For some crazy reason, making them links adds whitespace around them that I can't seem to get rid of. I have tried setting the border, margin, and padding of the <img>, <a>, and <li> tags to 0, to no avail.  Can anyone tell me how to get rid of that damn whitespace? If I set the background color of the <a> tags to blue, it makes the whitespace blue... if that helps any. If I make the border, margin, or padding colors of those same tags blue, it doesn't show up. Weird.Any ideas?        
|
|
|
|
#2
Aug 18th, 2006, 08:13
|
|||
|
|||
|
Re: Making an image a link adds whitespace I can't get rid of
have you tried:
"border-collapse:collapse;" ? Sounds like it could work based on what you've described... Snow
|
|
#3
Aug 18th, 2006, 14:12
|
|||
|
|||
|
Re: Making an image a link adds whitespace I can't get rid of
Even though your are experimenting, you should still put you code in a properly structured html page. I.e., DOCTYPE, etc, otherwise the browser is making a guess at how to interpret things. Seperate your css into its own file.
|
|
#4
Aug 18th, 2006, 16:10
|
||||
|
||||
|
Re: Making an image a link adds whitespace I can't get rid of
just lose the whitespace in the source between the a tags and the li tags.
Lost the source formatting and bunch it up.... you should find your problem has gone.
__________________
Click the 'Thanks!' button if this post has helped you Rob - Webforumz Founder
Last Blog Entry: Creative Labs threaten developer over home made drivers.... (Apr 1st, 2008)
|
|
#5
Aug 18th, 2006, 20:07
|
|||
|
|||
|
Re: Making an image a link adds whitespace I can't get rid of
ive had that problem before and i used hspace:0px; and it got rid of it in ie
|
|
#6
Aug 18th, 2006, 22:38
|
|||
|
|||
|
Re: Making an image a link adds whitespace I can't get rid of
I figured out the problem. There was a style that was meant to be applied to something else but was getting applied to those images. Thank for the help though
 .
|
|
| Tags |
| making, image, link, adds, whitespace, rid |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Making a link non-link when on the page. | mcdanielnc89 | Web Page Design | 1 | Nov 16th, 2007 08:05 |
| Problem with navbar background image - hyperlinking whitespace | nicky77 | Web Page Design | 5 | Aug 23rd, 2007 14:39 |
| making an entire div a link | johnmr | Web Page Design | 3 | Sep 21st, 2006 00:15 |
| Making a link live in a cdo email | weezie | Classic ASP | 0 | Feb 15th, 2006 14:49 |
| making a graphic signature a link question | NovaGoth | Graphics and 3D | 1 | May 2nd, 2005 09:16 |
