![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| Limonadni Joe |
|
|||
|
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 311 Регистрация: 1.11.2002 Где: Москва Репутация: нет Всего: 2 |
Как задать ширину и высоту кликабельной области ссылки? Внутри ссылки - картинка.
|
|||
|
||||
| skyboy |
|
|||
|
неОпытный ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 6 Всего: 260 |
Limonadni Joe, в пределах картинки или за пределами? Если в пределах, то карты тебе в помощь, если за пределами - то сделай ссылку на слое. Типа такого:
Добавлено @ 11:53 вместо "ааа" - твоя картинка... |
|||
|
||||
| katka |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 164 Регистрация: 19.7.2004 Репутация: 6 Всего: 6 |
skyboy, какой-то это плохой выход.. вы каким браузером этот код смотрели? или не смотрели совсем?
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга |
|||
|
||||
| R.M. |
|
|||
![]() Анархист ![]() ![]() ![]() ![]() Профиль Группа: Участник Сообщений: 2164 Регистрация: 8.6.2005 Где: Питер Репутация: 9 Всего: 30 |
skyboy, ну низя так делать, читай спецификацию. Глянь что на это валидатор тебе скажет, это тоже самое что в span засунуть table
-------------------- Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека. Nokia LifeStyle - Всё для смартфонов Nokia |
|||
|
||||
| k206i |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 3 Регистрация: 20.7.2006 Где: Moscow Репутация: нет Всего: нет |
Limonadni Joe, к сожалению, так нельзя. Если тока "map" создавать внутри картинки...
|
|||
|
||||
| skyboy |
|
|||
|
неОпытный ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 6 Всего: 260 |
katka, IE 6.0.2900...., Opera 8.54, FireFox 1.5.0.4... Если дадите пару дней, нарою дома lynx, и попробую в нём.
Куксикус, ты про картинку внутри слоя, про слой внутри ссылки, про текст внутри слоя, про аттрибут Style или про задание цвета трёмя цифрами вместо 6? Если про аттрибут стиля вместо указания класса - так это для наглядности, чтоб в одной строке всё уместилось. И, если не сложно, дай ссылку именно на те стандарты, которые я нарушил. Впрочем, код мне самому не нравится. Но если писать в onclick обработчик, то переход будет работать только при включенной javascript. А автор так и не уточнил, что он имел в виду. Ведь если надо, чтоб картинка была кликабельна за пределами, то можно сделать её больше, а "добавленное" пространство сделать прозрачным... |
|||
|
||||
| Limonadni Joe |
|
|||
|
Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 311 Регистрация: 1.11.2002 Где: Москва Репутация: нет Всего: 2 |
Да, мне именно это и нужно. Правда, редактирование картинки мне не подходит: уж больно много их. То, что вы предложили меня вполне устраивает. Только одна мелочь осталась - у меня почему-то курсор не меняется на руку. Это можно как-то поправить, не прописывая жестко cursor: pointer? |
|||
|
||||
| katka |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 164 Регистрация: 19.7.2004 Репутация: 6 Всего: 6 |
skyboy, уважаемый.
во-первых, если говорить о браузерах: в FF ссылка расползлась до правой части экрана. в ИЕ её вообще не увидишь, пока не поставишь cursor: pointer. если о css — давно ли у нас пишут цвета в кавычках? теперь о стандартах. как вы думаете, блочный элемент можем мы запихивать внутрь текстового? --------------------
если с другом буду я, если с другом буду я, а медведь — без друга |
|||
|
||||
| deMike |
|
|||
![]() M.Shinoda ![]() ![]() Профиль Группа: Участник Сообщений: 361 Регистрация: 12.10.2004 Где: Санкт-Петербург Репутация: нет Всего: 0 |
Limonadni Joe, используйте map's и будет вам счастье.
|
|||
|
||||
| 12345c |
|
|||
![]() Круглый ![]() ![]() ![]() ![]() Профиль Группа: Vingrad developer Сообщений: 2018 Регистрация: 26.12.2005 Где: наша не пропадала ? Репутация: нет Всего: 101 |
Вы заходите с таким задачками на форум "Javascript" ... "и будет вам счастье". -------------------- Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go |
|||
|
||||
| skyboy |
|
|||
|
неОпытный ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 6 Всего: 260 |
не заметил. Спасибо за инфо. каюсь и посыпаю голову пеплом. Конечно же, у вас - не пишут цвета в кавычках
А какая разница? Ну, принципиально? Что это дурной тон, можете не говорить. объясните, пожалуйста, чем же НЕправильно? |
|||
|
||||
| R.M. |
|
||||
![]() Анархист ![]() ![]() ![]() ![]() Профиль Группа: Участник Сообщений: 2164 Регистрация: 8.6.2005 Где: Питер Репутация: 9 Всего: 30 |
skyboy, я про то что тебе уже сказала katka - нельзя пихать блочный элемент внутрь текстового.
Хм... я умываю руки, если тебе "работает а как сделано неважно" то тут я не помошник, надо делать правильно. Неправильно тем что это не по стандарту.
Не трудно. The W3C Markup Validation Service -------------------- Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека. Nokia LifeStyle - Всё для смартфонов Nokia |
||||
|
|||||
| skyboy |
|
|||
|
неОпытный ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 6 Всего: 260 |
Спасибо. Только не надо за меня говорить, ладно? И додумывать тоже ничего не надо. К слову, img - это текстовый элемент? Ну, раз конструкция <a ...><img ... /></a> valid'на, значит - инлайн. Я-то думал - блочный... |
|||
|
||||
| katka |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 164 Регистрация: 19.7.2004 Репутация: 6 Всего: 6 |
skyboy, img, кажется, вообще inline-block. не рыба не мясо, то есть )
--------------------
если с другом буду я, если с другом буду я, а медведь — без друга |
|||
|
||||
| skyboy |
|
|||
|
неОпытный ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 6 Всего: 260 |
katka, да. похоже на то. и <a ...><img .../></a> - валидная конструкция, и <span><img ... /></span>
Ну и ну |
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |