Как привязать изображения фона к ссылке CSS

Автор Тема: Как привязать изображения фона к ссылке CSS  (Прочитано 1689 раз)

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • Бизнес оценка: (9, 100%)
  • *****
  • СПАСИБО: 3767
  • Сообщений: 5379
  • Карма: 333
  • Пол: Мужской
  • Раскрутка сайтов
  • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
    • Просмотр профиля
    • Частный SEO оптимизатор Sky-fi

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 3767
    • Сообщений: 5379
    • Карма: 333
    • Пол: Мужской
    • Раскрутка сайтов
    • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
      • Просмотр профиля
      • Частный SEO оптимизатор Sky-fi
Всем привет!

Есть сайт - shop.sport-travel.com.ua

На нем есть верхнее меню с картинками. Огромного труда мне стоило эти картинки присобачить, но вроде как получилось.
Но появилась новая трабла - хотелось бы, чтобы кликнув по картинке, пользователь попал в категорию., пока он может это сделать, кликнув лишь по тексту - названию категории. Курсор-то я поставил поинтер, для красоты, но что с того...
Вот пример сайта, на котором все так, как нужно мне - sportek.ua

Кто что может посоветовать конструктивно?


Оффлайн Княгиня

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 160
  • Сообщений: 230
  • Карма: 37
  • Пол: Женский
  • Нет безвыходных ситуаций, есть неприятные решения
    • Просмотр профиля
    • Персональный блог

Оффлайн Княгиня

  • Постоялец
  • ***
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 160
    • Сообщений: 230
    • Карма: 37
    • Пол: Женский
    • Нет безвыходных ситуаций, есть неприятные решения
      • Просмотр профиля
      • Персональный блог
Вам надо ссылку (элемент a) растянуть на всю площадь родителя (элемента li). Ссылка у вас уже блочная, как надо, а теперь уберите у неё margin и его значение приплюсуйте к значению padding. И у li уберите паддинг, а эти 10 пикселей добавьте в паддинг ссылке.
Я не люблю войн. Меня больше привлекает поэзия. Но я не могу предаться ей всецело, помня судьбу Нерона…

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • Бизнес оценка: (9, 100%)
  • *****
  • СПАСИБО: 3767
  • Сообщений: 5379
  • Карма: 333
  • Пол: Мужской
  • Раскрутка сайтов
  • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
    • Просмотр профиля
    • Частный SEO оптимизатор Sky-fi

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 3767
    • Сообщений: 5379
    • Карма: 333
    • Пол: Мужской
    • Раскрутка сайтов
    • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
      • Просмотр профиля
      • Частный SEO оптимизатор Sky-fi
Княгиня, вы просто прелесть! Не представляете, насколько я благодарен - всю ночь меню делал, а завершить и довести до ума кривые руки помешали. Благодаря вам теперь эта работа смотрится намного красивее, и все реализовано точно так, как я и задумал.
Спасибо!

Оффлайн Княгиня

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 160
  • Сообщений: 230
  • Карма: 37
  • Пол: Женский
  • Нет безвыходных ситуаций, есть неприятные решения
    • Просмотр профиля
    • Персональный блог

Оффлайн Княгиня

  • Постоялец
  • ***
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 160
    • Сообщений: 230
    • Карма: 37
    • Пол: Женский
    • Нет безвыходных ситуаций, есть неприятные решения
      • Просмотр профиля
      • Персональный блог
 ;D ;D ;D Ну, я-то как раз такие вещи делаю в любое время дня и ночи, даже не считая нужным проснуться - полглаза открыть, и довольно. Это ж не движок допиливать... Кстати, тут начинать надо не с рук, а с крепкой теории, которая позднее пропишется в пальцах.

На здоровье.
Я не люблю войн. Меня больше привлекает поэзия. Но я не могу предаться ей всецело, помня судьбу Нерона…

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • Бизнес оценка: (9, 100%)
  • *****
  • СПАСИБО: 3767
  • Сообщений: 5379
  • Карма: 333
  • Пол: Мужской
  • Раскрутка сайтов
  • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
    • Просмотр профиля
    • Частный SEO оптимизатор Sky-fi

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 3767
    • Сообщений: 5379
    • Карма: 333
    • Пол: Мужской
    • Раскрутка сайтов
    • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
      • Просмотр профиля
      • Частный SEO оптимизатор Sky-fi
Кстати, тут начинать надо не с рук, а с крепкой теории, которая позднее пропишется в пальцах.
Это правда. Я когда-то давно изучал немного хтмл и цсс, но далеко не зашел - забросил. Вернулся "в тему" только тогда, когда стал оптимизатором. Понятно, изучал уже сразу все на практике, ни о какой теории и речь не могла идти. Но после этого меню пришла мысль подучить цсс - может пригодиться.

Княгиня, а вы кто по профессии?


Оффлайн Княгиня

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 160
  • Сообщений: 230
  • Карма: 37
  • Пол: Женский
  • Нет безвыходных ситуаций, есть неприятные решения
    • Просмотр профиля
    • Персональный блог

Оффлайн Княгиня

  • Постоялец
  • ***
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 160
    • Сообщений: 230
    • Карма: 37
    • Пол: Женский
    • Нет безвыходных ситуаций, есть неприятные решения
      • Просмотр профиля
      • Персональный блог
А я как раз верстальщик html. :) Широкого профиля, то есть, в комплекте идут смежные навыки - джаваскрипт, php, xml-чик... ну и движки разные популярные, без них никак. Но на полноценного веб-программиста я ещё не наросла.
Я не люблю войн. Меня больше привлекает поэзия. Но я не могу предаться ей всецело, помня судьбу Нерона…

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • Бизнес оценка: (9, 100%)
  • *****
  • СПАСИБО: 3767
  • Сообщений: 5379
  • Карма: 333
  • Пол: Мужской
  • Раскрутка сайтов
  • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
    • Просмотр профиля
    • Частный SEO оптимизатор Sky-fi

Онлайн Sky-fiАвтор темы

  • Глобальный модератор
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 3767
    • Сообщений: 5379
    • Карма: 333
    • Пол: Мужской
    • Раскрутка сайтов
    • Награды Мастер поисковой оптимизации Более одной тысячи спасибо
      • Просмотр профиля
      • Частный SEO оптимизатор Sky-fi
Вот примеры нескольких лендов:

(нажмите чтобы показать/скрыть)

Можете такие верстать, по готовому псд? Если да, то за какую сумму и сколько времени (примерно займет)
Можете ответить в ЛС (если интересно, конечно)

Оффлайн Княгиня

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 160
  • Сообщений: 230
  • Карма: 37
  • Пол: Женский
  • Нет безвыходных ситуаций, есть неприятные решения
    • Просмотр профиля
    • Персональный блог

Оффлайн Княгиня

  • Постоялец
  • ***
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 160
    • Сообщений: 230
    • Карма: 37
    • Пол: Женский
    • Нет безвыходных ситуаций, есть неприятные решения
      • Просмотр профиля
      • Персональный блог
Да,  могу. По готовому псд я могу верстать практически всё... всё, что верстается (некоторые дизайнеры не понимают, чем веб-дизайн отличается от полиграфии, на это надо делать поправку).

Детали отправлю в личку. Кстати, из трёх одностраничников первые два безобразно распирает на 1024, хотя их можно было бы спокойно втиснуть в размер. Видимо, создателям не пришло в голову проверить на разных разрешениях.
Я не люблю войн. Меня больше привлекает поэзия. Но я не могу предаться ей всецело, помня судьбу Нерона…


 

Похожие темы

  Тема / Автор Ответов Последний ответ
9 Ответов
5004 Просмотров
Последний ответ 13-04-2011, 19:14:12
от Lima
0 Ответов
2105 Просмотров
Последний ответ 04-07-2011, 07:30:29
от DarkAngel
1 Ответов
1526 Просмотров
Последний ответ 27-09-2013, 21:20:32
от Sasha101
6 Ответов
2198 Просмотров
Последний ответ 13-03-2015, 10:40:05
от Barba Agency
24 Ответов
3497 Просмотров
Последний ответ 18-12-2015, 21:22:48
от Racing