Сделать часть картинки ссылкой (очень срочно)

[Путнев Максим]

Добрый день! Есть сайт (http://valuyki-soft.ru) Как мне логотип касперского сделать ссылкой. Очень срочно нужно

[MEXAHOTABOP]

сделать отдельной картинкой

[Путнев Максим]

В смысле наложить сверху?

[thunderamur]

добавляем блок-ссылку в #header

(Нажмите, чтобы показать/скрыть)

<div id="header">
        <a href="http://kasper.tut"><div class="link2kasper"></div></a>
       <img width="34" height="42" alt="" src="images/menuDropBG1.png">
       
       <ul id="nav">
       
  <li><a href="index.html"><font color="white">Главная</font></a></li>
  <li><a href="#null"><font color="white">О компании</font></a>
  <ul>
  <li><a href="firma.html"><font color="white">Информация</font></a></li>
  <li><a href="sert.html"><font color="white">Сертификаты</font></a></li>
 
  </ul>
  </li>
  <li><a href="http://www.valuyki-soft.ru/forum/index.php"><font color="white">Форум</font></a></li>
  <li><a href="#null"><font color="white">Услуги</font></a>
    <ul>
      <li><a href="http://v8.1c.ru/buhv8/wheretobuy.jsp?city=%C2%E0%EB%F3%E9%EA%E8&amp;fcity=">1С Бухгалтерия</a></li>
          <li><a href="shtrih.html">Торговое оборудование</a></li>
          <li><a href="ast.html">Аккредитация и проведение торгов</a></li>
          <li><a href="otshet.html">Электронная отчетность</a></li>
           <li><a href="cons.html">Консультант плюс</a></li>
          <li><a href="prodasha.html">Продажа офисной техники</a></li>
          <li><a href="techotdel.html">Технический отдел</a></li>
          <li><a href="site.html">Создание сайтов</a></li>
       
     
     
    </ul>
  </li>
  <li><a href="sitemap.html"><font color="white">Контакты</font></a></li>
</ul></div>

в css позиционируем его как нам надо:

(Нажмите, чтобы показать/скрыть)

Код: [Выделить]

div.link2kasper {
  position:absolute;
  background-color: #f00;
  opacity: 0.5;
  margin: 100px 150px 0 0;
}

[dmig]

да зачем вам отдельной? нарисуйте вообще всё на одной картинке! а для ссылок используйте это: http://www.w3schools.com/TAGS/tag_map.asp
старо, как html, между прочим!

представляете, никто у вас с сайта ничего не скопипастит!

[thunderamur]

dmig, тоже подумал про это, старое как мир, однако ты не учёл, что у него не <img src=... />, а background для div

З.Ы.: а мб и для div можно map, хз, лень смотреть даже 

[Señor_Gaga]

В gimp вырезать из картинки нужный кусок, сохранить его в файле жипеге или пнг,
файл закинуть сюда http://itmages.ru/ и там же получить ссылку.

[dmig]

dmig, тоже подумал про это, старое как мир, однако ты не учёл, что у него не <img src=... />, а background для div

дык я и говорю: всё нарисовать на одной картинке, а с помощью map расставить ссылки

З.Ы.: а мб и для div можно map, хз, лень смотреть даже 

нет, нельзя. это только для картинок

ЗЫ тот ужос, что скреативил аффтар, уже ничем не испортить

[thunderamur]

ну дык вопрос был "срочно", поэтому берем что есть и делаем по быстрому)

я такое кстати и даже если не по быстрому применяю, т.к. map ограничен сильно, а так делай что хочешь, подсветку ту же повесить можно и всё такое...
Пользователь решил продолжить мысль 20 Марта 2012, 10:53:28:

В gimp вырезать из картинки нужный кусок, сохранить его в файле жипеге или пнг,
файл закинуть сюда http://itmages.ru/ и там же получить ссылку.

и?
получили мы ссылку и что, она сама у нас прописалась на страничку?
Как бы вопрос не в этом был, нет.

[Путнев Максим]

Всем спасибо огромное все сделал

[Señor_Gaga]

Подробнее расскажите - что сделали - нам пригодится.

[evil_hog]

Глупо сделали:

Код: [Выделить]

<div class="slogan"><a href="http://www.kaspersky.ru/"><img src="images/kav.gif" border="0" alt="" width="93" height="90"  /></a></div>даже если верстка не очень, зачем усугублять положение такими советами? так тоже делать НЕ надо:

Код: [Выделить]

<a href="http://kasper.tut"><div class="link2kasper"></div></a>Почему? Да потому что куча лишних элементов. Я уже не говорю о блочном элементе внутри строчного при строгом доктайпе

Хватило бы:

Код: [Выделить]

<a class="slogan" href="http://www.kaspersky.ru/"></a>

Код: [Выделить]

#header .slogan{
  display:block;
  height: 81px;
  left: 6px;
  position: absolute;
  top: 223px;
  width: 99px;
}
А для фанатов:

Код: [Выделить]

<a class="slogan" href="http://www.kaspersky.ru/">Касперский</a>

Код: [Выделить]

#header .slogan{
  display:block;
  height: 81px;
  left: 6px;
  position: absolute;
  top: 223px;
  width: 99px;
  text-indent:100%;
  white-space: nowrap;
  overflow: hidden;
}

[thunderamur]

зачем же сразу "глупо", тут лучше сказать "можно короче"