Проблем със хиперлинк върху картинка

[ystefanov]

Проблемът е следния. Имам един див, задал съм му широчина и височина и сложих картинка във него. След като задам на картинката да ми е хиперлинк ми се появява някаква лилава рамка около нея. Виждам че и под Mozilla и IE се вижда рамката. Как да направя, така че да я няма ?

Кода го пиша по следния начин:

<div id="header"><img src="images/logo.jpg" alt="" width="945" height="129" /> </div>

 

[sinn]

Задай картинката направо като бекграунд на #header и пробвай пак

 

[ystefanov]

Направих картинката да ми е бекграунд на #header, а как мога да я направя да ми е хиперлинк?

 

[pweb]

<div id="header"><a href="putia"><img src="images/logo.jpg" alt="" width="945" height="129" border="0" /></a> </div>

 

[sinn]

Направих картинката да ми е бекграунд на #header, а как мога да я направя да ми е хиперлинк?

Оффф извинявай все още спа. Най добре е да използваш кода на pweb :?:

 

[ystefanov]

<div id="header"><a href="putia"><img src="images/logo.jpg" alt="" width="945" height="129" border="0" /></a> </div>

Така се получи това което исках. :?:

 

[ystefanov]

<div id="header"><a href="putia"><img src="images/logo.jpg" alt="" width="945" height="129" border="0" /></a> </div>

Май съм пропуснал една подробност, така написано не валидно по стандартите на XHTML 1.0 Strict.

Attribute "border" exists, but can not be used for this element.

…ей" width="945" height="129" border="0" /></a>

Как може да се направи това border="0", за да е по-правилно?

 

[devent]

<div id="header"><a href="putia"><img src="images/logo.jpg" alt="" style="width: 945px; height: 129px; border: 0;" /></a> </div>

 

[shterev]

<div id="header"><a href="#"></a></div>

#header{
  width:945px;
heifht:129px;
background: url(images/logo.jpg) no-repeat left top;
}

#header a{
display:block;
width:100%; height:100%;
}