Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 346
  • Last Modified:

need to make only the logo clickable on the header

Hi!

I have a header at the top of this page.
http://www.orlando-web-hosting.net/
Currently, the whole header is clickable.
I need only the logo clickable and would like to move as much of this code into a CSS rule.

I am currently using the below listed code:

<tr>
                <td><a href="/"><img src="images/owh_header.gif" style="width:750px;height:128px;border:0px" alt="Orlando Web Hosting LLC - Providing full service web and e-mail hosting, Site Studio site creator, e-commerce cart, ssl certificates and domain registration. Located in Orlando, Florida."></a></td>
</tr>

Any specific code modifications would be appreciated.
0
TrueBlue
Asked:
TrueBlue
  • 3
  • 2
2 Solutions
 
jkofteCommented:
you can use image mapping for that.

check this link. it is pretty easy.

http://www.w3schools.com/TAGS/tag_map.asp
0
 
Gurvinder Pal SinghCommented:
try using image Map and do not use anchor tag

<img src="images/owh_header.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
\\put the coordinates of the logo above
</map>
0
 
TrueBlueAuthor Commented:
I would greatly appreciate a more specific answer.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
jkofteCommented:
<td><img src="images/owh_header.gif" style="width:750px;height:128px;border:0px" alt="Orlando Web Hosting LLC - Providing full service web and e-mail hosting, Site Studio site creator, e-commerce cart, ssl certificates and domain registration. Located in Orlando, Florida." usemap="#map1">
<map name="planetmap">
  <area shape="rect" coords="0,0,120,120" href="/index.html" alt="Orlando Web Hosting" /> 
</map>
</td>

Open in new window

0
 
Gurvinder Pal SinghCommented:
when you use image mapping, you can specify a specific spot on the image to be used as a link. In your case, you don't need the wrapper of anchor tag on the img tag

<img src="images/owh_header.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="17,6,63,94" href="/"/>
</map>
0
 
jkofteCommented:
<map> name should be map1 here.


<td><img src="images/owh_header.gif" style="width:750px;height:128px;border:0px" alt="Orlando Web Hosting LLC - Providing full service web and e-mail hosting, Site Studio site creator, e-commerce cart, ssl certificates and domain registration. Located in Orlando, Florida." usemap="#map1">
<map name="map1">
  <area shape="rect" coords="0,0,120,120" href="/index.html" alt="Orlando Web Hosting" /> 
</map>
</td>

Open in new window

0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now