Jump to content
  • 0

Большой блок как ссылка


deadrash
 Share

Question

Сталкнулся с проблемой что не могу сделать ссылкой весь блок. Имеется блок с картинкой, текстом и ссылкой, хочу сделать ссылкой не последние две строчки а всю площадь блока с текстом. Вставлять весь текст как ссылку не хотелось и я придумал задать ссылке позицию абсолют и размер в размер дива. И как бы всё работает, но правда только в фаерфоксе, в IE и Opere на том месте где под ссылкой расположен абзац ссылка не работает. Собственно как это лечится?

Вот мой пример http://jsfiddle.net/DeaDrash/PWx8R/

Или если вариантов нет, подскажите может как через яваскрипт сделать весь див ссылкой и чем это плохо?

Edited by deadrash
Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Неожиданное решение данного необъяснимого бага нашлось в бордере элемента, оказывается бордер всегда является ссылкой, в независимости от того над текстом он или нет.

http://jsfiddle.net/DeaDrash/pBruY/1/

Теперь делаем бордер-колор:транспарент; и в путь!

Осталось сделать реализацию этой возможности на резиновом блоке, насколько я понимаю это можно решить при помощи JQuary, который должен будет узнать размер блока в котором наша ссылка, и передать эти габариты в описание размера бордера, в нужные нам габариты, в нашем случае во второй и третий описатор: border-width:3px 200px 150px 3px;

Правда придётся минусануть размер самой надписи ссылки. Но в принципе это можно решить с помощью нулевого размера блока ссылки и оверфлоу:висибле; и вхите-спейса:новрап; что бы слова не разбивались на строки, а если нужно ссылочный текст расположить справа внизу, тогда меняем направление текста ссылки справа на лево и получим что то вроде http://jsfiddle.net/DeaDrash/QrcK3/1/

Подскажите как можно с помощью JQuary проделать это определение размера бордера для резинки? Или хотя бы направление задайте, куда пойти.

Edited by deadrash
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy