Header Image Link to home help

[Nbtstatic]

Hi all, long time smugmug user, but first post here.

I'm trying to link the header image to the homepage of my smugmug, but whenever I add the text that I found by searching here, I get an ugly purple outline around my header image.

Here's the relevent portion of code I added, it was originally started with <img src=, I added the rest.

a href="http://www.jshilling.com (http://www.jshilling.com/)"><img src="http://shilling.smugmug.com/photos/50680052-L.jpg (http://shilling.smugmug.com/photos/50680052-L.jpg)" width="800" height="200"></a>

I would guess this is something I have designated as a "Url" color, can anyone show me how to turn this off? My header image background is black, as well as my site background, so a purple rectangle around the header looks very bad.

Thank You,
NB

[Andy]

Workin on it..standby.

[Andy]

Should be all done now...

[Andy]

I also moved your Google code - it belongs in your header.

[Nbtstatic]

I also moved your Google code - it belongs in your header.

Hmmm, I actually have no header now.

I did see it was working briefly about 10 minutes ago, but something is broken somewhere.

OH and btw, thank you so much.

[Andy]

Hmmm, I actually have no header now.

I did see it was working briefly about 10 minutes ago, but something is broken somewhere.

OH and btw, thank you so much.


:scratch you mean this isn't your header?

[Nbtstatic]

:scratch you mean this isn't your header?

Oh that's definitely it, I'm just not seeing it when I load the page.

I cleared all internet cache, logged in and out of the site, etc, etc, but it's just not there. :scratch

I saw it awhile ago, and the aref was working great.

[Andy]

Oh that's definitely it, I'm just not seeing it when I load the page.

I cleared all internet cache, logged in and out of the site, etc, etc, but it's just not there. :scratch

I saw it awhile ago, and the aref was working great.
hang on I'll get you sorted...

[Andy]

Purple line is there in IE, but not Firefox or Safari. Don't know why, I'd suggest waiting for one of the stylers, becuase it's probably something really simple.

You're clickable now though, albeit with purple box around your header in IE.

[Mike Lane]

This is what is in your header:

<div align="center">

<a href="http://shilling.smugmug.com"><img src="http://shilling.smugmug.com/photos/50680052-L.jpg" width="800" height="200"</a>

</div>You have forgotten to close your img tag for one. Also you will always have a border around an image that is linked unless you specifically tell it to not be there. You can do one of two things. I'll show you the preferred method:

Change your header to this:

<div class="myHeader">

<a href="http://shilling.smugmug.com"><img src="http://shilling.smugmug.com/photos/50680052-L.jpg" width="800" height="200" /></a>

</div>
And put this in your CSS:

/* center the header */
.myHeader {width:800px; height:200px; margin:0 auto;}
/* no border around any myHeader images */
.myHeader img {border:0;}

Good luck!

[Mike Lane]

Purple line is there in IE, but not Firefox or Safari. Don't know why, I'd suggest waiting for one of the stylers, becuase it's probably something really simple.

You're clickable now though, albeit with purple box around your header in IE.

The purple is the visited state default border for an image that is linked. It's getting overridden in modern browsers by the theme (color:whatever should change the color of the borders) but in sucky ie the theme doesn't touch it for whatever reason.

[Andy]

I fixed it for you...per Mike's instructions!

:bow Mike