Easy one? Need image to link to email

[Janelle]

I have read a little and can't figure out what I am doing wrong. Am trying to get the footer image to be a clickable link back to my email address (robandjanelle@cox.net) Can anyone take a look at my footer html and see what I am doing wrong?
Also, does the footer look centered to you? My html says it is, but it looks a little to the left of the header to me.... if off-centered, can you tell me how to adjust it?

http://janellerodgers.smugmug.com

Thanks!

[Andy]

I have read a little and can't figure out what I am doing wrong. Am trying to get the footer image to be a clickable link back to my email address (robandjanelle@cox.net) Can anyone take a look at my footer html and see what I am doing wrong?
Also, does the footer look centered to you? My html says it is, but it looks a little to the left of the header to me.... if off-centered, can you tell me how to adjust it?

http://janellerodgers.smugmug.com

Thanks!
You had the code backwards in your footer :D CHeck it now pls

[Barb]

I have read a little and can't figure out what I am doing wrong. Am trying to get the footer image to be a clickable link back to my email address (robandjanelle@cox.net) Can anyone take a look at my footer html and see what I am doing wrong?
Also, does the footer look centered to you? My html says it is, but it looks a little to the left of the header to me.... if off-centered, can you tell me how to adjust it?

http://janellerodgers.smugmug.com

Thanks!

Hi :)

When I click on "Click here to email me ..." it opens up my email program with your email address in the "to" section. That's what you want, right?

[Barb]

You had the code backwards in your footer :D CHeck it now pls
You must have fixed it before I looked at it!

[Janelle]

You must have fixed it before I looked at it!

Andy - I am sorry! It did work for a minute....but had a nasty purple border around it. I went into CSS and thought I would be really cool to remove it myself, but now I am back where I started....email doesn't link from the image. Can you look one more time and see what I just now messed up? Or post the instructions here and I will copy and paste?

[Barb]

Andy - I am sorry! It did work for a minute....but had a nasty purple border around it. I went into CSS and thought I would be really cool to remove it myself, but now I am back where I started....email doesn't link from the image. Can you look one more time and see what I just now messed up? Or post the instructions here and I will copy and paste?
Hi :)

Add the red; remove the green:

<img src="http://janellerodgers.smugmug.com/photos/88112598-L.jpg" width="800" height="279">
<a href="mailto:robandjanelle@cox.net">"><img src="/img/spacer.gif" /></a>

[Janelle]

Hi :)

Add the red; remove the green:

<img src="http://janellerodgers.smugmug.com/photos/88112598-L.jpg" width="800" height="279">
<a href="mailto:robandjanelle@cox.net">"><img src="/img/spacer.gif" /></a>

Did what you said. Still no email link. Any other idea?

[Mike Lane]

Here's what's in your footer:

<div align="center">
<img src="http://janellerodgers.smugmug.com/photos/88112598-L.jpg" width="800" height="279">
<a href="mailto:robandjanelle@cox.net"></a>


Make it look like this:

<div id="myFooter">
<a href="mailto:robandjanelle@cox.net"><img src="http://janellerodgers.smugmug.com/photos/88112598-L.jpg" width="800" height="279"></a>
</div>


And add this to your CSS:

#myFooter {
width:800px;
height:279px;
margin:0 auto;
}

#myFooter a img {
border:0;
}

[ivar]

Did what you said. Still no email link. Any other idea?It needs to be in a different order for it to work like this:

<a href="mailto:robandjanelle@cox.net">
<img src="http://janellerodgers.smugmug.com/photos/88112598-L.jpg" width="800" height="279">
</a>

[Barb]

Did what you said. Still no email link. Any other idea?

The code is backwards: <a href> should be first and then <img src>

[ivar]

It needs to be in a different order for it to work like this:

<a href="mailto:robandjanelle@cox.net">
<img src="http://janellerodgers.smugmug.com/photos/88112598-L.jpg" width="800" height="279">
</a>What Mike said

[Barb]

Did what you said. Still no email link. Any other idea?

There ya go - three answers :)

[Mike Lane]

:lol3

[Janelle]

The code is backwards: <a href> should be first and then <img src>

Perfect. I think Andy said that a few posts ago, but I didn't get it. Sometimes things just don't compute that well! :)

[Janelle]

Perfect. I think Andy said that a few posts ago, but I didn't get it. Sometimes things just don't compute that well! :)

Can someone give me the code that will bump up the footer closer to the navbar? Without all the wasted space in between?

[RogersDA]

Is there code to make a image clickable to send an email, yet also utilize the writeemail process used here: http://www.dgrin.com/showpost.php?p=222833&postcount=10

Thanks,
David