XHTML / CSS: Почему Firefox испортил мое горизонтальное меню вкладок?

Страница проблемы

Таблица стилей

Есть идеи, как заставить это работать в Firefox? (Похоже, что изображение правой вкладки помещается под ссылку, как если бы для него не было достаточно места в элементе привязки.

Кроме того, я использую два тега потому, что предпочитаю использовать меньше данных изображения, чем иметь более аккуратный код. Если у вас есть предложения по улучшению, дайте мне знать.

Спасибо, Джон

Вы имеете в виду вертикальную линию, появляющуюся справа от ссылок при наведении курсора?

alex 07.01.2009 05:38

Похоже, он тоже не работает в Chrome.

Lawrence Dol 07.01.2009 05:43

Алекс: Да, Software Monkey: У меня это сработало в Chrome

John 07.01.2009 05:47

фон-повтор? переполнение? высота? дисплей: блок?

alex 07.01.2009 05:54

Для чего нужны два внутренних тега span внутри вашего якоря?

steve_c 07.01.2009 05:56

@steve_c: я бы предположил, что они предназначены для закругленных краев эффекта наведения?

alex 07.01.2009 06:12
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
2
6
636
1

Ответы 1

Вы можете попробовать эту разметку:

<a href = "http://www.antisit.com/articles">
  <span class = "left"></span>
  <span class = "right"></span>
  Articles
</a>

Кажется, отлично работает в Firefox с firebug, хотя я больше нигде не пробовал. К сожалению, порядок не имеет значения, но иногда это имеет значение. :(

Другие вопросы по теме