VPF::ссылка diva - Форум программистов

Johny_03

Дата 22.1.2013, 14:35 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

вот такой код:

Код


<div id="mid">
<table width="100%" height="836px" border="1">
 <tr>
  <td>1
  </td>

    <td width="950px">
      <div id="mid_1"><a href="zags.html"><img src="pic/button.jpg" /> </a></div>
      <div id="mid_2"><a href="stati.html"><img src="pic/button.jpg" /></a></div>
      <div id="mid_3"><a href="oborudovanie.html"><img src="pic/button.jpg" /></a></div>
      <div id="mid_4"><a href="uslugi"><img src="pic/button.jpg" /></a></div>

   </td>

  <td>3
  </td>
 </tr>
</table>

Код


#mid_1 {
    position:relative;
    top:-280px;
    left:-360px;        
}

#mid_2 {
    position:relative;
    top:-334px;
    left:-120px;        
}

#mid_3 {
    position:relative;
    top:-388px;
    left:120px;        
}

#mid_4 {
    position:relative;
    top:-442px;
    left:360px;        
}

После чего каждое из четырех изображений button должно быть кликабельным, но работает только последнее. В чем ошибка?

Gold Dragon

Дата 22.1.2013, 17:52 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

у меня все ссылки работают... Но вот с кодом проблема.. или ты не весь код показал или просто так задумано чтобы кнопки были разбросаны по всему экрану, а одна за экраном

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

Johny_03

Дата 22.1.2013, 18:01 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

код css конечно не весь, там кнопки позиционируются по координатам, относительно предыдущей. Но ссылка почему-то все равно не работает, только последняя.

Gold Dragon

Дата 22.1.2013, 18:07 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

да стиль тут совсем не при чём... попробуй код частями удалять и смотри что будет

--------------------

Johny_03

Дата 27.1.2013, 01:24 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

Когда ставлю ссылку на div, т.е.

Код


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

то в IE блок div спускается вниз примерно на 10px, в других браузерах все на месте.
Как-то можно это исправить?

Это сообщение отредактировал(а) Johny_03 - 27.1.2013, 01:24

Gold Dragon

Дата 27.1.2013, 12:58 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Johny_03, читай спецификацию...!!!
можно так

Код


<div><a></a></div>

но нельзя так

Код


<a><div></div></a>

--------------------

Johny_03

Дата 27.1.2013, 21:37 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

Цитата(Gold Dragon @ 27.1.2013, 12:58)

Код


<div><a></a></div>

Совершенно верно, но в таком случае ссылка будет распространяться только на содержимое тегов <a href></a>, в частности на текст.
А если у меня так:

Код


<div style="background-color:red;"><a href="#">Текст</a></div>

В данном случае "Текст" будет ссылкой, а мне нужно, чтобы весь блок на красном фоне был ссылкой.
Следовательно я сделал вот так:

Код


<a href="#"><div style="background-color:red;">Текст</div></a>

Здесь кликабельным является весь красный фон с текстом. Но происходят неточности со сдвигом в IE.
Подскажите как правильно это реализовать?

Это сообщение отредактировал(а) Johny_03 - 27.1.2013, 21:37

Gold Dragon

Дата 27.1.2013, 22:43 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Johny_03, ты через одно место делаешь.. Просто некоторые браузеры понимают что бывают такие извращенцы и подстраиваются...

DIV - это блочный элемент, А - это строчный. Улавливаешь мысль?

И что тебе мешает преобразовать А в блочный элемент, и задать ему размеры DIV`а? Тогда А будет размером с DIV

--------------------

Johny_03

Дата 27.1.2013, 22:57 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

Gold Dragon, вот сейчас я понимаю в чем дело. Если бы я "улавливал" до этого - я бы не задавал вопроса. По-моему для этого создан форум, чтобы помагать решать задачки. А если у меня опыта и знаний меньше вашего, это не значит что я не должен задавать дурацких вопросов. Извините, если достал такого рода вопросами...

Gold Dragon

Дата 28.1.2013, 06:45 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Johny_03, я тебе раз сказал, ты опять за своё. smile

и у ж тем более ты меня не "достал такого рода вопросами"

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »