О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Anka_kuşu 
Форум » Создание сайта » Joomla » Как сделать, чтобы фон стал ссылкой на определенную страницу
Как сделать, чтобы фон стал ссылкой на определенную страницу
nadiyxa Дата: Вторник, 07.08.2012, 14:05 | Сообщение # 1
Первоклашка
Группа: Пользователи
Сообщений: 8
Город: Санкт-Петербург
Репутация: 0
Статус: Offline
Я сделала на фоне сайта картинку, как теперь эту картинку сделать ссылкой?
Вот что у меня в файле position css прописано:

body
{
background: url(../images/fon/An.gif) #F1F1F1 no-repeat;
background-attachment: fixed ;
color: #000000;
font-family: arial, helvetica, sans-serif;
font-size: 100.1%;
padding: 0px;
text-align: center;

Я уже поняла, что в css не написать будет ссылку, а как это реализовать и в каком файле прописать????
Вот сайт: www.avtoohta.ru

Заранее огромное спасибо!!!
KorniloFF Дата: Вторник, 07.08.2012, 15:48 | Сообщение # 2
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
nadiyxa,
Картинку ссылкой можно сделать так:
Code
<a href=...><img src=...></a>

И ксс тут не при чем совершенно B)




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


nadiyxa Дата: Вторник, 07.08.2012, 21:47 | Сообщение # 3
Первоклашка
Группа: Пользователи
Сообщений: 8
Город: Санкт-Петербург
Репутация: 0
Статус: Offline
Нет, это не поможет, Вы написали как в html написать, а у меня же css.
Я так понимаю, что нужно картинку сделать ссылкой в html, а потом прописать это в css. Вот поэтому и спрашиваю как это грамотно сделать. Что прописать и в каком файле)))
Гром Дата: Вторник, 07.08.2012, 22:17 | Сообщение # 4
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
В CSS ссылки не ставятся, только в разметке. Если вы прописали картинку в CSS, то никак. Можно, конечно, разменить прозрачные области с абсолютным позиционированием, но это геморрой

Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
nadiyxa Дата: Среда, 08.08.2012, 09:04 | Сообщение # 5
Первоклашка
Группа: Пользователи
Сообщений: 8
Город: Санкт-Петербург
Репутация: 0
Статус: Offline
И получается совсем ничего не сделать??? :(
KorniloFF Дата: Среда, 08.08.2012, 10:53 | Сообщение # 6
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Можно сделать картинку по-нормальному в хтмл-разметке.
Фон для того и придумали, чтобы он был неактивным. А ссылка - это активный элемент.
Сделайте перед <div id="all">:
Code
<div style="position:fixed; top:0; left:0; width: 170px;">
<a href=...><img src=...></a>
</div>


А из ксс уберите.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


nadiyxa Дата: Среда, 08.08.2012, 14:58 | Сообщение # 7
Первоклашка
Группа: Пользователи
Сообщений: 8
Город: Санкт-Петербург
Репутация: 0
Статус: Offline
KorniloFF , огромнейшее Вам спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Я прописала в index.php перед <div id="all"> как Вы и написали и все заработало!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ^_^ <_<
KorniloFF Дата: Среда, 08.08.2012, 15:05 | Сообщение # 8
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
nadiyxa, на здоровье! B)



Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Loviad Дата: Четверг, 27.12.2012, 03:55 | Сообщение # 9
Первоклашка
Группа: Пользователи
Сообщений: 1
Репутация: 0
Статус: Offline
в html файле пишется
Код

<a href=...>
<div class="shapka">
</div>
</a>   


в css файле пишется
Код

.shapka{
display:block;
width:'как у картинки';
heigth:'как у картинки';
background: url(../images/fon/An.gif) #F1F1F1 no-repeat;
}


вот так в css прописывается картинка фоном для блока <div>, и оборачивается в тег <a>


Сообщение отредактировал Loviad - Четверг, 27.12.2012, 03:58
KorniloFF Дата: Четверг, 27.12.2012, 14:46 | Сообщение # 10
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Loviad, а не проще
Код
<a href="..." style="background:url(...) no-repeat; width:...;height:...;display:block;"> </a>

Будут и ссылка, и картинка.




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


Форум » Создание сайта » Joomla » Как сделать, чтобы фон стал ссылкой на определенную страницу
Страница 1 из 11
Поиск:
Как сделать, чтобы фон стал ссылкой на определенную страницу - Создание сайта - Joomla - Форум как сделать страницу с фоном joomla
Сегодня были на форуме:
viktorbilenku, vitiapalia2525, interrior4you

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск