The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Making a navigation bar with hyperlinked images...
y0y0y0
post 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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post 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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 4 2009, 07:02 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(y0y0y0 @ Apr 5 2009, 01:31 AM) *

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=
.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
FBM247
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 04:36 PM