miloslovesky

1. Через <!--noindex-->текст, индексирование которого нужно запретить<!--/noindex-->

2. Забей

3.

- Напиши & вместо &

- Мета не могут быть в боди

Задача решена.

Кому интересно: что бы заработало надо указать всем начертаниям в @font-face одинаковые имена, и соответствующие значения font-weight и font-style

Кто знает как?

Допустим есть 2 файла шрифта Regular и Bold.

Как сделать так, что бы всё, что на сайте выделяется жирным - выделялось начертанием Bold, а не псевдо-жирным..?

Ксс в студию. Плюс вопрос: блоки у теба относительно чего позиционируются?

Решил. Всё было из-за backface-visibility: hidden;

position: absolute;
top: 5%;
right: 10%;

.topnav ul ul li a {

height: auto !important;

}

Готов заплатить тому, кто объяснит, почему в Файрфоксе такая фигня*

Пруф

*Имеется ввиду, что блок сдвигается наверх, при прокрутке вниз. Точнее все блоки, включая body

А причем тут вообще LESS, SASS, SCSS?

Что ему и дальше мешает писать css?

Это не круто

Если представить, что у вашего друга верстальщика была лёгкая степень комы. После которой он вернулся в мир верстки зная один CSS, что бы вы ему посоветовали для своего нового суперпроекта? LESS, SASS, SCSS?

в том то и дело, что способ, описанный мной, подходит везде.

обнуляя шрифт и line-height убираются запасы выносных элементов и межсимвольное расстояние. а так как inline-block элемента это буквы, то и расстояния между ними не будет.

а у вас вообще Inline элменты, что значит, что размер им указать не получится, ровно как вертикальные margin'ы и padding'и влиять на них не будут.

Вообще вроде как сработало

Обнулять тоже не супер-айс. Лучший вариант — честно убрать пробелы из кода, остальное хаки разной степени кривизны и надежности. Но «магические» -0.43 и -0.31 — это, конечно...

Ну а по теме, если блоки не должны перескакивать при изменении ширины контейнера, то, имхо, самый доступный вариант решения — CSS-таблица. Еще правильнее было бы использовать флексбоксы, но это надо смотреть на планируемую аудиторию.

И как вы в таблице выровняете кнопку по низу?

Флексбоксы это слишком. С тем же успехом я мог бы использовать first-child и last-child, вместо того, что бы отрицательный отступ ставить. Но как вы понимаете ИЕ бы всё поломал.

chrome - помогло

как бы то ни было

letter-spacing: -0.31em;
word-spacing: -0.43em;

неправильно и не хорошо. обнуляйте шрифты и line-height для родителя и отступов не станет. внутри восстановите(не в относительных величинах).

Да проблема в том, что способов куча, как убрать пробел между блоками. Но нету решения, которое бы подошло всем.

Поэтому я могу сделать вывод, что нужно сменить способ. В этом и был вопрос.

Как сделать так, как на картинке, но другим способом?)

word-spacing: -0.43em;

уберите и проверьте

Убрал. Не помогло

не совсем понял, что вам требуется

но inline-block + vertical-align справляются.

а чтобы были вплотную нужно для самих инлайнов обнулять шрифты и line-height, а потом восстанавливать у дочерних

Это уже похоже на способ предложенный токмаковым. Но в отличие от способа чикуёнка дно у блока будет заканчиваться в том месте, где заканчивается контент.

Вот пример того, что сделал я. Отступы обнулил, однако блоки не влезают (в данном случае в файрфоксе).

Кто-нибудь знает, как сделать так:

Пробовал способ Чикуёнка, но там блоки в плотную не становятся.

http://css-live.ru/articles/elementy-details-i-summary.html

Большое спасибо) Совсем забыл про эту новинку.

Ищу наиболее семантичный метод скрытия текста. Такой, что бы по клику подробнее отображался полный текст без перезагрузки страницы. И такой, что бы поисковики индексировали весь текст. Помогите кто чем может. Кодом или ссылкой.

Потому что само меню оформлено как таблица, а его элементы - как ячейки таблицы. Таблица занимает всю ширину, которая распределяется между ячейками поровну.

Спасибо. Это я знаю. Так и было задумано. Сравните меню в хроме и файрфоксе скажем. У файрфокса всё четко, а в хроме криво.

    height:100%;
    min-height:100%;
    height:auto !important;

Используй фансибокс

Собственно проблема в том, что у пунктов неравномерный отступ.

Вот сайт: http://superpuff.ru/

Кто знает почему?

Я делаю так, считаю, что это лучший способ, и картинок не надо никаких

li:before{
  content:"•"; color:#11a856;;
  padding:0 5px 0 0;
  margin:0 0 -2px 0;
  }

li {
  behavior:expression(!this.before ? this.before = this.innerHTML = '<span style="color: #11a856;;">• </span>' + this.innerHTML : '');
  list-style:none;
  text-indent:20pt;
  color:#000;
  line-height:18px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:400;
  font-size:13px;
}

В данном примере применен код для bull, можно поставить любой html символ. Отступы расставляйте по вкусу.