Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка в css / 5 сообщений из 5, страница 1 из 1
13.04.2016, 11:19
    #39214440
gnikspam
gnikspam
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка в css
Ребят, подскажите как вот на эту картинку повесить ссылку на другую страницу.
Код: css
1.
2.
3.
4.
 #breadcrumbRow h2 {
        background: url("../images/1602x198.jpg")

...



Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2016, 11:33
    #39214462
oaken
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка в css
gnikspam,

С помощью голого CSS нельзя задавать ссылки элементам, не для того он предназначен. С помощью JavaScript - можно.
Опять же, картинка в приведенном примере - всего лишь фон заголовка, а фону нельзя задать ссылку, а вот элементу h2 - запросто.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2016, 16:42
    #39214854
gnikspam
gnikspam
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка в css
oakengnikspam,

С помощью голого CSS нельзя задавать ссылки элементам, не для того он предназначен. С помощью JavaScript - можно.
Опять же, картинка в приведенном примере - всего лишь фон заголовка, а фону нельзя задать ссылку, а вот элементу h2 - запросто.

А каким образом не в css а в самой разметке поставить ссылку. Вот на странице задана разметка
Код: html
1.
<h1></h1>



Соответсвенно в css для заголовка определена картинка. Мне нужно ссылку поставить на другую страницу?

Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2016, 18:25
    #39215037
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка в css
gnikspam,

в CSS можно задать ссылку на картинку, а для замены достаточно поменять имя класса. Например так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<title>tmp</title>
<meta charset="utf-8">
<style>
h1 {width:306px; height:165px;}
.s1 {
  background-image:url("http://img1.liveinternet.ru/images/attach/c/1//48/902/48902126_mashina.jpg");
  background-size:100%;
}
.s2 {
  background-image:url("https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQQjffsjq5l8fRyVuIFe4RWOF3x9pl8dBZL0Gi4djXoIV8lLzoo");
  background-size:100%;
}
</style>
</head>
<body>
<h1 class="s1" id="breadcrumbRow"></h1>
<button onclick="changePicture()">Переключить</button>

<script>
function changePicture() {
  document.getElementById('breadcrumbRow').className = 's2';
}
</script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2016, 09:12
    #39215250
oaken
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ссылка в css
gnikspamА каким образом не в css а в самой разметке поставить ссылку. Вот на странице задана разметка
Код: html
1.
<h1></h1>



Соответсвенно в css для заголовка определена картинка. Мне нужно ссылку поставить на другую страницу?

Спасибо.
Код: html
1.
<h1><a href="http://moysait/page_2.html">Другая страница</a></h1>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ссылка в css / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]