2012-03-01 61 views
0

請參閱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%; 
} 

謝謝!

UPDATE

問題是解決,並且都涉及到字體,而不是我的CSS和HTML,感謝所有!

+0

那麼與標識,菜單或電話號碼的元素的問題? – j08691 2012-03-01 19:14:39

+0

那麼問題是什麼?問題的標題和文本似乎沒有太多共同之處。 – 2012-03-01 19:34:49

+0

頁面上的AGAvantGarde代碼在哪裏? – 2012-03-01 19:39:16

回答

1

設置line-height:100%有點不正常:它意味着設置文本固定。但是在這樣的特殊情況下可能會好,並且不需要涉及手頭的問題。

當問題沒有被明確描述時,很難提出解決方案; 「不按預期工作」並不多說。但我認爲菜單項應該更高,以便它們不會擴展到包含變化圖像的區域 - 至少要根據變化的圖像背景閱讀小文本是非常困難的。其中一個原因似乎是,菜單id=menu的頂部邊距爲20px。

+0

查看我更新的問題! – 2012-03-01 19:21:36

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。

希望這會有所幫助!

+0

謝謝你的嘗試,但它是正確的。第二個「ul」是「PROJETOS」菜單的子菜單。 – 2012-03-01 19:08:13

+0

查看我更新的問題! – 2012-03-01 19:24:03

0

看起來您需要爲您的UL添加垂直負邊距,或者增加#地形容器的高度,並添加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屬性,你總是可以重複的背景垂直,因爲它似乎並沒有改變。

改變你的網站的字體似乎並沒有改變佈局,它沒有與所述的字體相關。

我不確定你在問什麼!

希望這會有所幫助...