Solved

getting image to link to a page

Posted on 2014-01-31
3
360 Views
Last Modified: 2014-02-14
Hi Guys,

How can i get the header image here at www.ias.ie to link to another page? I am trying to set it to link to

http://www.ias.ie/?page_id=631

so when i click on the header image t brings me to that page
0
Comment
Question by:jonathanduane2010
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 25

Assisted Solution

by:Kyle Hamilton
Kyle Hamilton earned 227 total points
ID: 39824037
You can wrap your whole header in the anchor tag. that is allowed in html5.

However, you have some badly constructed html including unclosed tags and multiple ids of the same name. this will cause problems for you. you should try to clean up the html

<a href="http://www.ias.ie/?page_id=631">
	<div class="background-image"></div>
	<div id="header-top-container">
		... othe markup in here ...
	</div>
</a> 

Open in new window

0
 

Author Comment

by:jonathanduane2010
ID: 39824044
Thank you...

will i put in the css or in the header.php
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 228 total points
ID: 39824485
I would have thought you only wanted the Donate button to link to the page. If that's what you want, then remove the button from the background image and create an image just for the button. Then just wrap that image in an A tag and position it absolutely using CSS:

<a id="donateButton" href="/?page_id=631"><img src="button.png"></a>

#donateButton { display:block; height: 60px; width: 160px; position:absolute; left: 600px; top: 30px; }

Open in new window

0

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question