|
|
Thread Tools | Display Modes |
|
#1
|
|
|
Big grins
|
Header Image Link to home help
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"><img src="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 |
|
|
|
|
#2
|
|
|
panasonikon
|
Workin on it..standby.
|
|
|
|
|
#3
|
|
|
panasonikon
|
Should be all done now...
|
|
|
|
|
#4
|
|
|
panasonikon
|
I also moved your Google code - it belongs in your header.
|
|
|
|
|
#5
|
||
|
Big grins
|
Quote:
I did see it was working briefly about 10 minutes ago, but something is broken somewhere. OH and btw, thank you so much. |
|
|
|
||
|
#6
|
||
|
panasonikon
|
Quote:
you mean this isn't your header?
|
|
|
|
||
|
#7
|
||
|
Big grins
|
Quote:
I cleared all internet cache, logged in and out of the site, etc, etc, but it's just not there. I saw it awhile ago, and the aref was working great. |
|
|
|
||
|
#8
|
||
|
panasonikon
|
Quote:
|
|
|
|
||
|
#9
|
|
|
panasonikon
|
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. |
|
|
|
|
#10
|
|
|
I � Unicode
|
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!
__________________
Y'all don't want to hear me, you just want to dance. http://photos.mikelanestudios.com/ |
|
|
|
|
#11
|
||
|
I � Unicode
|
Quote:
__________________
Y'all don't want to hear me, you just want to dance. http://photos.mikelanestudios.com/ |
|
|
|
||
| Tell The World! | |
| Thread Tools | |
| Display Modes | |
|
|