Неправильный шрифт - PullRequest
0 голосов
/ 01 марта 2012

см. Меню на http://di20.com.br/novosite/ Когда я определяю line-height:100%, текст меню не работает должным образом, получая достаточно места в верхней части источника.

@font-face {font-family: 'AGAvantGarde';src: url('../fonts/agagcb.eot');src: url('../fonts/agagcb.eot?#iefix') format('embedded-opentype'),url('../fonts/agagcb.woff') format('woff'),url('../fonts/agagcb.ttf') format('truetype'),url('../fonts/agagcb.svg#AGAvantGarde') format('svg');font-weight: normal;font-style: normal;}

body {
    font-family: 'AGAvantGarde',Arial;
    line-height: 100%;
}

Спасибо!

ОБНОВЛЕНИЕ

Проблема решена и связана со шрифтом, а не с моим CSS или HTML, спасибо всем!

Ответы [ 3 ]

1 голос
/ 01 марта 2012

Настройка line-height:100% несколько ненормальна: это означает, что текст сплошной.Но это может быть хорошо в особых случаях, подобных этому, и это не должно относиться к рассматриваемой проблеме.

Трудно предложить решения, когда проблема не была описана явно;«Не работает, как ожидалось», не говорит много.Но я полагаю, что пункты меню должны быть выше, чтобы они не распространялись на область, содержащую изменяющиеся изображения - по крайней мере, очень трудно читать крошечный текст на разных фоновых изображениях.Одна из причин, по-видимому, заключается в том, что верхнее поле меню с id=menu составляет 20 пикселей.

1 голос
/ 01 марта 2012

Это потому, что вторая строка вашего меню классифицируется как другое меню под горизонтальным элементом.

Это причина того, что «DESIGN ARQUITETURA» находится под текущим меню, поскольку оно не вline!

<ul><li class="item-135"><a href="/novosite/index.php?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=3&amp;Itemid=135" >Design</a></li><li class="item-136"><a href="/novosite/index.php?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=4&amp;Itemid=136" >Arquitetura</a></li></ul>

Код там создает Второй UL внутри первого UL.

Надеюсь, это поможет!

0 голосов
/ 01 марта 2012

Похоже, вам нужно добавить отрицательное поле по вертикали в ваш UL или увеличить высоту # topo-контейнера и добавить свойство css, одновременно увеличивая высоту div для требуемого эффекта.

#topo-container {
 background: url(../images/menu_bg.png) repeat-x;
 top: 0;
 height: 57px; - Change height for more space
 background-size: 100%;

}

Это даст больше места для вашего текста, помните, что background-size является свойством CSS3, вы всегда можете повторить фон по вертикали, так как кажется, что он не меняется.

Изменение шрифта вашего сайта, кажется, не меняет макет, это не связано с шрифтом, как указано.

Я не уверен, что вы спрашиваете здесь!

Надеюсь, это поможет ...

...