Повесить ссылку на картинку в шапке

Статус
В этой теме нельзя размещать новые ответы.
Есть давно известное решение - сделать ссылкой div , который можно поместить в любое место страницы. Иными словами - присвоить ссылку любому месту на странице :)
В index.php
Код:
<div id="top">
      <span class="foo"><a href=""> </a></span>
</div>
в css
Код:
#top .foo, #top .foo a {
     display:block;
     padding:0;
    margin:0;
     width:300px;
     height:55px;
     cursoro:pointer;
}
#top .foo {
     background: transparent url(logo.png) no-repeat;
     float:left;
     margin:0;
}
Надеюсь - модифицировать код под конкретные нужды проблем не возникнет.
 
Andy_ham
Попробавал Ваш способ. Великолепно. Я бы сам не додумался. Все заработало, правда не сразу. Результата добился методом проб и ошибок. Резульзультирующий рабочий вариант кода получился такой:
index.php

Код:
 <div id="header">
    <div class="inside">
      <jdoc:include type="modules" name="header" style="xhtml" />
	  
	    <div id="breadcrumbs">
    <div>
      <jdoc:include type="module" name="breadcrumbs" style="none" />
    </div>
  </div>
	<div id="typ"><span class="fyo" title='Перейти на главную "Пластторг - пластиковая посуда и упаковка"'><a href="index.php"> <div id="date">
									<?php echo JHTML::_('date', 'now', JText::_('DATE_FORMAT_LC')) ?>
								</div> 
      </a></span>
</div>
    </div>
  </div>


css

Код:
#header {

height: 92px;
background: #2c3740 url(../images/logo.jpg) 0 bottom no-repeat;
position:relative;
}

#typ .fyo, #typ .fyo a {
     display:block;
     padding:0;
    margin:0;
	margin-left: -10px;
     width:940px;
     height:65px;
     cursor:pointer;
}
#typ .fyo {
     background: transparent url(logo.png) no-repeat;
     float:left;
     margin:0;
}

Ничего, что я дивы в тег спан запорол? Это корректно? Еще я не понял строку в css: background: transparent url(logo.png) no-repeat;
У меня файла logo.png вообще нет, а все равно все работает.
Выглядит теперь так - Для просмотра ссылки Войди или Зарегистрируйся

Хочу еще попробовать на участок картинки, где приводятся телефон и факс, повесить ссылку на "Контакты". Думаю это возможно, организовав аналогичный код, вслед за этим и поколдовав затем с их горизонтальными размерами в css. Вообщем надо подумать и попробовать. Еще раз огромное спасибо Вам Andy_ham .:yahoo:
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху