Проблема с гиперссылкой.

junsenoue · July 23, 2012

Я не могу понять в чём ошибка, уже перепробовал абсолютно всё, но в упор не вижу проблемы.

Что мне нужно. Чтобы каждая красная картинка, перенаправляла на разные сайты.

Что получается, при добавлении 1 картинки, гиперсылка на сайт работает.

При добавлении 2ой картинки, перестаёт работать ссылка на 1ой картинке, и начинает работать 2ая.

При добавлении 3ей картинки, перестаёт работать ссылка 2ой картинки, и начинает работать 3я.

Парни, подскажите что сделать? Вот сам код.

</BODY>
<HTML>
<HEAD>
<TITLE>© DEMO/Быыывыас ©</TITLE>
</HEAD>
<BODY BACKGROUND="http://give1get4-group.comule.com/global_img/oooo.jpg" bgproperties=fixed>


<embed src="http://give1get4-group.comule.com/global_img/Brian Tyler - Battle- Los Angeles Hymn.mp3" hidden="true" autostart="true" loop="true" volume="10" pluginspage="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">


<div style="position: fixed;"><a href="http://zeekler.com/"><img src="http://give1get4-group.comule.com/global_img/knopka1.png" width="178" height="167" hspace="328" vspace="261"></a></div></img>



<div style="position: fixed;"><a href="http://bannersbroker.com/umutduman" ><img src="http://give1get4-group.comule.com/global_img/knopka2.png" width="201" height="188" hspace="560" vspace="250"></a><p align="justify"></div>



<div style="position: fixed;"><a href="http://google.com" ><img src="http://give1get4-group.comule.com/global_img/knopka3.png" width="178" height="167" hspace="812" vspace="261"><a href="http://google.com"></a><p align="justify"></div>









</HTML>

5 часов сидел и так не разобрался...

USF · July 23, 2012

во-первых не закрыт тег body.

во-вторых не нужно закрывать тег img

в-третьих

Quote
<div style="position: fixed;"><a href="http://google.com" ><img src="http://give1get4-group.comule.com/global_img/knopka3.png" width="178" height="167" hspace="812" vspace="261"><a href="http://google.com"></a><p align="justify"></div>

я ослеп

Feel · July 23, 2012

On 7/23/2012 at 6:37 PM, USF said:
во-первых не закрыт тег body.
во-вторых не нужно закрывать тег img
в-третьих

Quote
<div style="position: fixed;"><a href="http://google.com" ><img src="http://give1get4-group.comule.com/global_img/knopka3.png" width="178" height="167" hspace="812" vspace="261"><a href="http://google.com"></a><p align="justify"></div>
я ослеп

Даже так бывает

P.S. Изучайте CSS.

junsenoue · July 23, 2012

Спасибо за код

Но опять ничего не получилось сделать так как надо, также пропадает ссылка на какой-то из картинок.

Я уже попробовал так:

  <tr>
    <div style="position: fixed;"><td align="center"><a href="http://google.com" ><img src="/knopka_RED/knopka2.png" alt="logotip" width="201" height="188" hspace="560" vspace="250" /></a></td></div>
  </tr>

но ничего не изменилось.

Я хочу чтобы картинки оставались ровно по горизонтали и были зафиксированные + кликабельны по гиперсылке.

Как это сделать?

вот сама страница: клик

на 3х кружках, должны быть ссылки чтобы можно было перейти на другой сайт/страницу.

Парни, помогите мне дураку :dash:

Edited July 23, 2012 by junsenoue

USF · July 23, 2012

http://jsfiddle.net/6Up4L/1/

внутрь картинки. размеры подгоните. это один из способов упрощенный

Edited July 23, 2012 by USF

junsenoue · July 24, 2012

On 7/23/2012 at 11:09 PM, USF said:
http://jsfiddle.net/6Up4L/1/
внутрь картинки. размеры подгоните. это один из способов упрощенный

Смотрите, по вашему шаблону всё должно работать. Но когда прописываю расстояния hspace vspace картинку 2, нужно пролистывать. Может проблема в размере картинки?

===== Cсылка на сайт =====

Вот код HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://give1get4-group.comule.com/New/style.css" type="text/css" rel="stylesheet">
<body background="http://give1get4-group.comule.com/background.jpg" bgproperties=fixed>
<title>Документ без названия</title>
</head>
</body>

<body>


<div class="wrapper">
    <div class="link first"><a href="http://google.com"><img src="http://give1get4-group.comule.com/knopka_RED/knopka1.png" width="178" height="167" hspace="328" vspace="261"></a></div>

    <div class="link second"><a href="http://ya.ru"><img src="http://give1get4-group.comule.com/knopka_RED/knopka2.png" width="201" height="188" hspace="560" vspace="250"></a></div>

    <div class="link third"><a href="http://rambler.ru"></a></div>
</div>?


</body>
</html>

Код CSS

@charset "utf-8";
/* CSS Document */

.wrapper {
    margin: 50px;
}

div.link {
    webkit-border-radius: 100px;
    moz-border-radius: 100px;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 5px dotted lightblue;
}


?

Edited July 24, 2012 by junsenoue

junsenoue · July 24, 2012

Сейчас попробую через меню сделать, вроде выстраиваются горизонтально....

USF · July 24, 2012

Quote
Но когда прописываю расстояния hspace vspace картинку 2

не пользуйтесь атрибутами, это раз.

внимательно просмотрите css. это два

Edited July 24, 2012 by USF

Sign In

Проблема с гиперссылкой.

Question

junsenoue

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

USF

Link to comment

Share on other sites

Feel

Link to comment

Share on other sites

junsenoue

Link to comment

Share on other sites

USF

Link to comment

Share on other sites

junsenoue

Link to comment

Share on other sites

junsenoue

Link to comment

Share on other sites

USF

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information