Making a navigation bar with hyperlinked images... |
Making a navigation bar with hyperlinked images... |
y0y0y0 |
Apr 4 2009, 06:31 PM
Post
#1
|
Group: Members Posts: 1 Joined: 4-April 09 Member No.: 8,243 |
Ive successfully got the images lined up in my nav bar. But now when I go to put hyperlinks on them, they are getting blue borders and what looks like a 2 or 3 pixel spacing in between the images. I have set border="0" as well for the images. Is there anything else I can do in css to stop this from happening?
Thanks. CODE <div id="navBar"> <a href="http://www.w00tw00twebdesign.com/" target="_self"><img src="http://www.w00tw00twebdesign.com/_images/home.jpg" border="0"/></a> <a href="http://www.w00tw00twebdesign.com/" target="_self"><img src="http://www.w00tw00twebdesign.com/_images/webDesign.jpg border="0"/> </a> <a href="http://www.w00tw00twebdesign.com/otherservices.htm" target="self"><img src="http://www.w00tw00twebdesign.com/_images/otherServices.jpg border="0"/></a> <a href="http://www.w00tw00twebdesign.com/support.htm" target="_self"><img src="http://www.w00tw00twebdesign.com/_images/clientSupport.jpg border="0"/></a> <a href="http://www.w00tw00twebdesign.com/tips.htm" target="_self"><img src="http://www.w00tw00twebdesign.com/_images/designTips.jpg border="0"/></a> <a href="http://www.w00tw00twebdesign.com/contact.htm" target="self"><img src="http://www.w00tw00twebdesign.com/_images/contactUs.jpg border="0"/></a> <a href="http://www.w00tw00twebdesign.com/about.htm" target="_self"><img src="http://www.w00tw00twebdesign.com/_images/aboutUs.jpg border="0"/></a> </div> |
Darin McGrew |
Apr 4 2009, 06:43 PM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Please see the FAQ entry How do I eliminate the space around/between my images?
|
pandy |
Apr 4 2009, 07:02 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,716 Joined: 9-August 06 Member No.: 6 |
Ive successfully got the images lined up in my nav bar. But now when I go to put hyperlinks on them, they are getting blue borders and what looks like a 2 or 3 pixel spacing in between the images. I have set border="0" as well for the images. Is there anything else I can do in css to stop this from happening? Yeah. Get your quotes right. In the real page, which I assume is this one, http://www.w00tw00twebdesign.com/ , you have this. HTML <img src="http://www.w00tw00twebdesign.com/_images/clientSupport.jpg border="0"/> When it should be this. HTML <img src="http://www.w00tw00twebdesign.com/_images/clientSupport.jpg" border="0" /> The images not showing up is a clue. The URL in the src resolves to the below. CODE http://www.w00tw00twebdesign.com/_images/clientSupport.jpg%20border= . |
FBM247 |
Apr 14 2009, 05:55 AM
Post
#4
|
Group: Members Posts: 5 Joined: 14-April 09 Member No.: 8,312 |
also instead of adding border "0" to all of your images you could put this in CSS
img { border:0px; } or img a { border:0px; } cant remember which one it is i havn't used images for a menu in a long time lol. Good Luck ------------------------------------------------------------- fbm247 Web Design Somerset |
Lo-Fi Version | Time is now: 28th March 2024 - 04:36 PM |