Смещение кликабельной зоны логотипа

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Используете ли Вы логотип для перехода на главную страницу сайта?

Всегда
Иногда
Никогда
Всего 2 голоса Опрос завершён
#1 27 января 2013 в 20:34
Всем доброго времени суток!
Помогите, пожалуйста.
После многих манипуляций кликабельная зона логотипа сместилась вправо.
Подробнее...

Синим цветом обозначены границы логотипа, а красным границы кликабельной зоны.
Пытался найти в файлах стилей но аномалий не нашел, а что конкретно смотреть не знаю.
Сайт in-army.com/
Движок 1.9
Спасибо всем заранее.
#2 27 января 2013 в 20:40
htmlbook.ru/html/area — сделайте так
#3 27 января 2013 в 20:41
Посмотрите Firebug'ом делов на 2 минуты.
#4 27 января 2013 в 20:41

Синим цветом обозначены границы логотипа, а красным границы кликабельной зоны.
Пытался найти в файлах стилей но аномалий не нашел, а что конкретно смотреть не знаю.

Александр Корн
Строка 116 styles.css
сейчас
  1. #sitename {
  2. display: block;
  3. height: 150px;
  4. width: 500px;
  5. }
Замените на
  1. #sitename {
  2. display: block;
  3. height: 60px;
  4. margin-left: -130px;
  5. margin-top: 25px;
  6. width: 200px;
  7. }
#5 27 января 2013 в 20:54
Извиняюсь, сразу не понял что у Вас такой большой логотип,
В этот код
  1. #sitename {
  2. display: block;
  3. height: 150px;
  4. width: 500px;
  5. }
просто вставьте
  1. margin-left: -180px;
#6 27 января 2013 в 22:38


htmlbook.ru/html/area — сделайте так

NickSolver

спасибо… отличный ресурс — добавил в закладки. но я уверен что в моем случае косяк в стилях
#7 27 января 2013 в 22:39


Посмотрите Firebug'ом делов на 2 минуты.

qwest

возможно… но в силу ряда причин сейчас не могу воспользоваться огнелисом
#8 27 января 2013 в 22:42


Извиняюсь, сразу не понял что у Вас такой большой логотип,
В этот код

  1. #sitename {
  2. display: block;
  3. height: 150px;
  4. width: 500px;
  5. }
просто вставьте
  1. margin-left: -180px;

mr.Z

огромное спасибо! сработало! в который раз выручаете!
#9 27 января 2013 в 22:43
Спасибо всем кто не остался в стороне!
Проблема решена!
Тема закрыта!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.