Проблемы с div дизайном - помогите пожалуйста.

Статус
В этой теме нельзя размещать новые ответы.

sanj

Постоялец
Регистрация
5 Июл 2008
Сообщения
77
Реакции
34
Я тут сайт на движке открываю, а дизайн сайта построен на div. Мне надо на картинку хедера установить ссылку и тег alt. Начал длать и тут и пострял - не получается. Дизайн этого блока управляется из двух файлов:
style.css
header.php


Нужный код в style.css
Код:
#navigation
{
	clear: both;
	float: left;
	width: 100%;
	background-image: url(images/header.gif);
	height: 217px;
}

а нужный код из header.php
Код:
<div id="navigation">

Подскажите пожалуйста как на рисунок header.gif поставить ссылку и тег alt
 
HTML:
<div id="navigation">
     <a href=""><img src="images/header.gif" border="0" /></a>
</div>
 
HTML:
<div id="navigation">
     <a href=""><img src="images/header.gif" border="0" /></a>
</div>

Нет не получилось - ерунда вышла какая то. Можно еще какие варианты или решения.
P.S. Разумеется я правил под себя и все такое - это я на всякий случай.
 
Можешь выставить ссылку на весь слой, а не на картинку:
HTML:
<html>
  <head>
    <title></title>
    <style type="text/css">
      #nav {
          clear: both;
          float: left;
          width: 100%;
          background-image: url(images/header.gif);
          height: 217px;
          cursor: pointer;
      }
  </style>
  
  </head>
  <body>
    <a href="#"><div id="nav"></div></a>
  </body>
</html>
Ну а если вопрос стоит остро и ты именно к картинке хочешь цеплять линк, то предъяви больший кусок кода со слоем navigation да цсс к нему.
Никто же не догадается, что там дальше и как - может в слой навигешн включены другие дивы, поэтому все и расползается когда картинку напрямую втыкаешь(вариант Shell-a)
 
див в ссылке это очень плохо и не валидно
а вот то что тут
HTML:
<div id="navigation">
     <a href=""><img src="images/header.gif" border="0" /></a>
</div>
должно работать только нужно проверить если адрес картинки правельно задан(так как "images/header.gif" это правельно для ксс так как файл ксс находится в дочерней папки images, а вот если тут движок то сам скрипт запускается с другово места и скоре всего нужно указать
HTML:
<div id="navigation">
     <a href=""><img src="http://www.tvoi_sait.ru/templates/tvoi_tampleit/images/header.gif" border="0" /></a>
</div>
но так как тут даже двиг не указан то 99% что будет работать такой вариант
HTML:
<div id="navigation">
     <a href=""><img src="http://www.tvoi_sait.ru/transparent.gif" border="0" width="100%" height="217" /></a>
</div>
где transparent.gif это гиф картинка, прозрачная, размером ожно даже и 1х1 которая лежит в корне сайта, а высота и ширина нам нужна так как нужна полная активная зона для ссылки.
 
Можно просто не использовать внешние стили и вписать напрямую.

<div style="style="float:left"><a href="#"><img src="images/header.gif" alt="Text" border="0" style="width: 100%; height: 217px;"></a></div>
 
Можно просто не использовать внешние стили и вписать напрямую.

<div style="style="float:left"><a href="#"><img src="images/header.gif" alt="Text" border="0" style="width: 100%; height: 217px;"></a></div>

тогда можно ещё и набить всю страницу коментариями чтоб она больше весила, ну и напихать ещё вложеных дивов чтоб получился красивый каскад. ну на последок заменить все текстовые тэги на дивы в шаблоне. ну и ещё чегонить придумать для анти-оптимизации...

кстати при таком раскладе если у чела фон должен повторятся по горизонтали то получится крутая растяжка рисунка, что уже не есть хорошо
 
как МНЕ стало понятно, то хеддер на который надо натянуть ссылку - #navigation и вместо картинки - бекграунд. Тогда только так - <a href=""><div id=navigation>

Ну а если по изврату заезжать, то <div id="naviation" OnClick="document.location='http://ya.ya'">
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху