Cufon satır yüksekliği sorunu

Question

CSS veya javascript'te satır yüksekliğini uyguladığımda, bunu yapmaz. Ve komut dosyasında uygularsam, aşağıdaki hatayı alıyorum.

Error: missing : after property id 
Line: 26, Column: 44 
Source Code: 
Cufon.replace('#header .lists li a', {line-height: '120%;', font-size: '120%'}); 

javascript

$(document).ready(function() 
{ 

    Cufon.replace('#header .lists li a', {line-height: '120%;', font-size: '120%'}); 

}); 

style.css

#header .lists { float:left; position:relative; width:776px; height:40px; list-style:none; padding:0; margin:0; margin-top:1px; background:url(../images/bg_mainmenu_off.gif); z-index:100; } 
#header .lists li {float:left; height:40px; display:inline; background:url(../images/bg_mainmenu_off.gif) repeat-x;} 
#header .lists li a {display:block; width:150px; height:40px; line-height:40px; text-decoration:none; font-size:16px; font-weight:bold; text-indent:10px; font-weight:bold; color:#FFFFFF; margin: 0px; } 
#header .lists li a:hover { background:url(../images/bg_mainmenu_on.gif) repeat-x; } 
#header .lists div {display:none; } 
#header .lists :hover div {display:block; position:absolute; background:#FFFFFF; top:26px; border:1px solid #ece7d1; padding-bottom:10px;} 
#header .lists :hover div dl { float:left; width:179px; display:inline; padding:5px; margin:0 5px 10px 5px;} 
#header .lists :hover div dl dt { width:179px; height:16px; background:#b39f87; margin:5px 0 10px 0; text-decoration:none; } 
#header .lists :hover div dl dd {padding:0; margin:0;} 
#header .lists :hover div dt a { display:block; height:14px; line-height:14px; font-size:14px; color:#FFFFFF; font-weight:bold; text-decoration:none;} 
#header .lists :hover div dt a:hover { background:none;} 
#header .lists :hover div dd a { display:block; height:14px; line-height:14px; font-size:14px; color:#b39f87; font-weight:normal; text-decoration:none; } 
#header .lists :hover div dd a:hover {text-decoration:underline; background:none;} 

Answer 1

olmayan sıkı DOCTYPE belge bulunan sayfalara pul pul line-height tanıma konusunda known bug in Cufon that will probably not be fixed yoktur. Biz (aslında @markedup) bulduk

Answer 2

bir çözüm öyleyse, ilgili sorunlar oluyorsa elemanın içine metnin etrafında bir yayılma sarmak için geçerli:

<h1><span>Some text here that is giving you a bit of a headache</span></h1> 

çocuk yayılma üzerindeki alt dolgu ekleyin ve bob en anneleriniz erkek kardeş.

Bazı ek kodlar kullanır, ancak yanlış dokümanı belirtmekten daha iyidir, bu da geçersiz sayfalar ve b0rked css ile sonuçlanır.

Şerefe.

{line-height: '120%;', 

:

Answer 3

Ayrıca aşağıdaki CSS stil söz ben yardımcı olamaz

Answer 4

div#navigation ul li cufon { 
    padding-bottom: 3px; 
} 

Alkış (önce Keith'den yayını gibi) Doctype değişiklik olmadan benim için çalıştı Bunu değiştirmek isteyebilirsiniz:

{'line-height': '120%', 

javascript ayrıştırıcıları '-' işleci üzerinde durabilir ..

Answer 5

Bu sorunu aşağıdaki gibi çözdüm. Cufon, belgeye hazır olarak <cufon> etiketlerini oluşturur. .css belgesinde bunun gibi bir CSS stili tanımlıyorum. (.HeaderArea sınıfta benim cufon Metin)

.HeaderArea cufon { margin-bottom:10px; } 

Answer 6

Ben geç cufon partiye biraz olabileceğini biliyorum ama yukarıda, marj kullanarak çözümlerden bazılarını okudum. Bunu denedim, ama benim durumumda "daha sıkı" bir çizgi yüksekliğe ihtiyacım vardı. Negatif bir değer denedim ama hala işe yaramadı. Ben cufon oluşturulan etiketin engellemek için görüntülemek gerektiğini anladım.

.myClass cufon { display: block; float: left; margin-top: -3px!important; } 

Bu tedavi iş gibi görünüyor:

İşte bir kod parçacığı bu.

Orada bol şanslar. Bu tehlikeli bir dünya.

Answer 7

Bu benim için çalışıyor: Hâlâ bir cevap arayan insanlar için

## main-content .cufon-canvas {height: 25px !important;} 

Answer 8

.
her kelime

Yani bu deneyin blok elemanlarının Cufon ile ayrılır: line-height cufon çalışması için

.yourCufonDiv .cufon-canvas {margin-bottom:5px;} 

Answer 9

, sen Sıkı DOCTYPE

yukarıdaki değiştirmek gerekir

Ziyaret: http://xsdesigns.se/2012/08/not-just-seo-but-a-little-bit-of-coding-tips-as-well-cufon-fonts-and-line-height-problem-fix/