How to make header Link to home page w/Artisteer 3.1 skin

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
1/30/2012 1:15:43 PM
Joe Vago
Gravatar
Total Posts 83
View Posts
-- Joe

How to make header Link to home page w/Artisteer 3.1 skin

My new site uses a skin I created using Artisteer 3.1   (www.NHTheatreAwards.org)

Is there a way to make the header link back to the home/default page?  I know the SiteLogo control can do it - but using that messes up my spacing with the topmenu and the regular menu. 

Preferably I would like to directly reference the Artisteer graphic and add the anchor tag - but I am open to other ways as well.

Thanks in advance for any help you can provide!

1/30/2012 1:49:42 PM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: How to make header Link to home page w/Artisteer 3.1 skin

Hi Joe,

You're on the right track but your html is a little malformed. When I view the source of your page I see this:

<a href="~/NHTAHome.aspx"> <div class="art-logo">
<a href='#startcontent' class='skiplink'>Skip over navigation</a>
<div id="ctl01_InsecurePanel1" class="addthisbutton" </div>
</div></a>

I would try changing it like this:

<a href="/NHTAHome.aspx"><div class="art-logo"></div></a>
<a href='#startcontent' class='skiplink'>Skip over navigation</a>
<div id="ctl01_InsecurePanel1" class="addthisbutton" </div>

ie move the closing div and link from the bottom so that the skiplink and the insecure panel is not inside the art-logo div and get rid of the ~ in the link

Nice site!

Hope that helps,

Joe

1/30/2012 2:22:55 PM
Joe Vago
Gravatar
Total Posts 83
View Posts
-- Joe

Re: How to make header Link to home page w/Artisteer 3.1 skin

Joe - thanks for the quick reply (and its nice to know you like the site)

On my local PC - I did what you suggested in the Layout.Master file - but I couldnt get this to work. I even tried this which had an strange result:

<div class="art-box-body art-sheet-body">
<a href="/NHTAHome.aspx">
<div class="art-header">

...

</div>
</a>
</div>

And that caused the header to render twice (in IE only - didnt do anything in firefox) where the 1st header had the image linked like I wanted.

Any other ideas?

1/31/2012 12:29:56 AM
IndigoTea
Gravatar
Total Posts 355
View Posts

Re: How to make header Link to home page w/Artisteer 3.1 skin

Joe V.  - is there a particular reason to include your navigation in the header, as opposed to sandwiching it between the header and body? If not, just move the nav out of the header div, and wrap your <a> link around the header div.

You must sign in to post in the forums. This thread is closed to new posts.