Jump to content
  • 0

CSS ссылки


skv_79
 Share

Question

Здравствуйте!

Проблема следующая, как можно и можно ли сделать в веб-странице с помощью CSS область (абстрактную, полностью прозрачную) фиксированную в одном месте (не в одном месте экрана, а страницы), чтобы при наведении можно было перейти по адресу определенному. Может это не в CSS делается?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Здравствуйте!

Проблема следующая, как можно и можно ли сделать в веб-странице с помощью CSS область (абстрактную, полностью прозрачную) фиксированную в одном месте (не в одном месте экрана, а страницы), чтобы при наведении можно было перейти по адресу определенному. Может это не в CSS делается?

Это не в CSS.

Link to comment
Share on other sites

  • 0

skv_79

Может ты путаешь, наверное тебе нужно, чтобы можно было перейти на другой сайт НЕ при наведении на определённую область картинки, а при Клике мышкой на определённый участок картинки?

Link to comment
Share on other sites

  • 0

Всем спасибо, проблему уже решил :rolleyes:

То есть вы хотите насильно без моего ведома перенаправить меня - ничего не подозревающего юзера, на какой-то левый сайт???

Вы не поняли вопроса :rolleyes: Просто на странице имелся определенный элемент, который нельзя было сделать кликабельной ссылкой. Поэтому искал кривые варианты, но все уже разрешилось.

Спасибо.

Link to comment
Share on other sites

  • 0

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

bbbe404c7459.png

вот есть картинка и на ней два варианта ссылки

верхний - то как у меня сейчас т.е. фон под тестом только, а хочется сделать чтобы под текстовой ссылкой был фон растянут как на нижнем варианте показано.

т.е. фон занимает свой полный размер фоновой картинки.

вот как так сделать в СSS ?! :D

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

.Menu9 a:link {background: url('/3.png') 179px 17px; text-decoration:none; color:white;}
.Menu9 a:active {background: url('/3.png'); text-decoration:none; color:white;}
.Menu9 a:visited {background: url('/3.png'); text-decoration:none; color:white;}
.Menu9 a:hover {background: url('/4.png'); text-decoration:none; color:white;}

Edited by АлексUNDER
Link to comment
Share on other sites

  • 0

Хм... наверно я не туда поставил display: block;

потому что у меня безизменений... :D

<table><tr><td class="Menu9"><a href="ссылка">Главная страница</a></td></tr></table>

.Menu9 a:link {background: url('/3.png'); display: block; text-decoration:none; color:white;}

Edited by АлексUNDER
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