Question

查看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，感谢所有人！

Answer 1

这是因为菜单的第二行被归类为水平元素下面的另一个菜单。

这就是“DESIGN ARQUITETURA”位于当前菜单下面的原因，因为它不在同一行！

<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。

希望这有帮助！

Answer 2

设置line-height:100%有些异常：它意味着将文本设置为实体。但是在这样的特殊情况下可能没问题，并且它不需要与手头的问题有关。

当问题没有明确描述时，很难提出解决方案; “没有按预期工作”并没有多说。但我认为菜单项应该更高，因此它们不会扩展到包含更改图像的区域 - 至少很难在不同的图像背景下读取微小的文本。其中一个原因似乎是菜单id=menu的上边距为20px。

Answer 3

您似乎需要向UL添加垂直负边距，或者增加#topo-container的高度，并添加css属性，同时增加div的高度以获得所需的效果。

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

}

这将为您的文本留出更多空间，请注意背景大小是CSS3属性，您可以始终垂直重复背景，因为它似乎没有变化。

更改网站的字体似乎根本不会改变布局，它与字体无关。

我不确定你在这里问的是什么！

希望这会有所帮助......

字体错误

3 个答案: