Гиперссылка на главную в хедере

Подскажите, как в хедере сделать гиперссылку на главную страницу?
Вариант "сунуть картинку хедера в <a href=""></a>" не работает, ибо шаблон для сайта сделан на Артистере.

В CSS код такой:

div.art-header-png
{
position: absolute;
left:-50%;
top: 0;
width: 988px;
height: 300px;
background-image: url('../images/header.png');
background-repeat: no-repeat;
background-position:center center;
}

 

пошаговой инструкции нет? так как описано-не получается.

 

Вариант 1.Столкнулся с проблемой некликабельности картинки в шапке сайта. Шаблон сгенерирован с помощью Artisteer. Решил проблему так:

Файл template.css:
Изменить div. art-header-png на a. art-header-png
В файле index.php:
изменить <div class=”art-header-jpeg”> </div>
на <div> <?php echo ‘<a class=”art-header-jpeg” href=”‘.check_url($front_page).’”> Главная</a>’; ?></div>
Может быть либо jpeg, либо png, в зависимости от настроек прозрачности шапки шаблона.



Вариант 2.

в лого вставляешь <a href="/" title="на главную"></a>
в CSS дописываешь
#logo a{
display: block;
width: 100%;
height: 100%;
}



Но у меня не лого, а картинка в хедер прописана в css как "background-image: url('../images/header.png');".
Если знаете как решить данную задачу, то подскажите6 пожалуйста!

 

Код хедера в css:

Код (CODE):

1. /* begin Header */
2. div.art-header
3. {
4.   margin: 0 auto;
5.   position: relative;
6.   width: 100%;
7.   height: 300px;
8.   overflow: hidden;
9. }
10.  
11. div.art-header-center
12. {
13.     position: relative;
14.     width: 988px;
15.     left:50%;
16. }
17.  
18.  
19. div.art-header-png
20. {
21.   position: absolute;
22.   left:-50%;
23.   top: 0;
24.   width: 988px;
25.   height: 300px;
26.   background-image: url('../images/header.png');
27.   background-repeat: no-repeat;
28.   background-position:center center;
29. }
30.  
31. div.art-header-jpeg
32. {
33.   position: absolute;
34.   top: 0;
35.   left:-50%;
36.   width: 988px;
37.   height: 300px;
38.   background-image: url('../images/header.jpg');
39.   background-repeat: no-repeat;
40.   background-position: center center;
41. }
42.  
43. /* end Header */
44.  
45.  
46.  
47.  
48. код из index.php
49.  
50. <div class="art-header">
51.     <div class="art-header-center">
52.         <div class="art-header-png"></div>
53.         <div class="art-header-jpeg"></div>
54.     </div>
55. <script type="text/javascript" src="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/swfobject.js"></script>
56. <div id="art-flash-area">
57. <div id="art-flash-container">
58. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="988" height="300" id="art-flash-object">
59.     <param name="movie" value="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" />
60.     <param name="quality" value="high" />
61.     <param name="scale" value="default" />
62.     <param name="wmode" value="transparent" />
63.     <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=3&amp;clipx=0&amp;clipy=0&amp;initalclipw=900&amp;initalcliph=255&amp;clipw=1058&amp;cliph=300&amp;width=988&amp;height=300&amp;textblock_width=0&amp;textblock_align=no" />
64.     <param name="swfliveconnect" value="true" />
65.     <!--[if !IE]>-->
66.     <object type="application/x-shockwave-flash" data="<?php echo $document->baseurl . '/templates/' . $document->template; ?>/container.swf" width="988" height="300">
67.         <param name="quality" value="high" />
68.         <param name="scale" value="default" />
69.         <param name="wmode" value="transparent" />
70.         <param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=24&amp;loop=true&amp;wmode=transparent&amp;clip=<?php echo $document->baseurl . '/templates/' . $document->template; ?>/images/flash.swf&amp;radius=3&amp;clipx=0&amp;clipy=0&amp;initalclipw=900&amp;initalcliph=255&amp;clipw=1058&amp;cliph=300&amp;width=988&amp;height=300&amp;textblock_width=0&amp;textblock_align=no" />
71.         <param name="swfliveconnect" value="true" />
72.     <!--<![endif]-->
73.         <div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>
74.     <!--[if !IE]>-->
75.     </object>
76.     <!--<![endif]-->
77. </object>
78. </div>
79. </div>
80. <script type="text/javascript">swfobject.switchOffAutoHideShow();swfobject.registerObject("art-flash-object", "9.0.0", "<?php echo $document->baseurl . '/templates/' . $document->template; ?>/expressInstall.swf");</script>
81.  
82. </div>
83.  
84.  
85. Обертывалось как посоветовали <div class="art-header-png"></div>, не работает. Обертывался весь
86. <div class="art-header">
87.     <div class="art-header-center">
88.         <div class="art-header-png"></div>
89.         <div class="art-header-jpeg"></div>
90.     </div>

, тоже не работает. Посоветуйте что-нибудь

 

там еще флеш, без него ваш метод работает, спасибо. Не знаете как с флешем сделать чтобы работало?

 

сам флеш сделать ссылкой.

 

каким образом это сделать, чтобы работало?

 

Вопрос все еще в силе. Если кто знает ответ, подскажите решение.

 

отправте мне флеш файл. и размеры файла напишите и ссылку тоже. я сделаю и отправлю вам.