У меня есть вопрос, на который я надеюсь получить ответ. Я'пытаюсь создать веб-сайт с нуля (не используя Dreamweaver, Expression Web и т. д.), ям, используя только блокноты. Что я'Я пытаюсь создать две навигационные ссылки в виде сменных изображений спрайтов CSS (с использованием элемента Pseudo-class: hover) внутри тега, который я хотел бы перемещать по странице позже. Я'Мы провели всю прошлую неделю, пытаясь решить эту проблему безуспешно. Я'Я был на www.w3schools.com и на этом сайте, чтобы найти решение, но все еще могуПохоже, это работает правильно. Я'Я также в строгой среде, которая позволяет мне использовать только один браузер (IE8) на ОС Win7. Прошу прощения за мое паршивое CSS-кодирование; это мой первый опыт.

В настоящее время я 'используя две ссылки, как показано ниже в HTML:

<a href="www.google.com"></a>


<a href="www.bing.com"></a>

Вот CSS яиспользуя приведенный выше HTML:

#linkbox {
  width: 312px;
  height: 388px;
  background: url('images/container.png');
  padding: 0px;
  margin: 0px;
  position: fixed;
  left: 0px;
  top: 410px;
  z-index: 1
}

.GoogleFrame {
  position:fixed;
  left: 10px; 
  top: 100px
}

.GoogleFrame li {
  list-style:none;
  position:absolute;
}

.GoogleFrame li, .GoogleFrame a {
  height:54px;
  display:block;
}

.Google {
  left:0px;
  width:260px;
  background: url('images/google.png') 0px 0px;
}

.Google a:hover {
  background: url('images/google.png') -261px 0px;
}

Любая помощь или руководство будут с благодарностью!