2012-08-16 34 views
6
body 
{ 
    margin: 0px; 
} 
.wrapper 
{ 
    width: 960px; 
    margin: 0 auto; 
} 
#header 
{ 
    background-image: url('../images/cream-gravel-texture.png'); 
    height: 626px; 
    overflow: auto; 
} 
#midHeader 
{ 
    margin-top: 20px; 
    background-image: url('../images/light-grey-bit-behind-logo.png'); 
    height: 194px; 
} 
#logo 
{ 
    padding-top: 10px; 
    float: left; 
    clear: left; 
    width: 287px; 
} 
#headContact 
{ 
    margin-top: 60px; 
    font-size: 21.95px; 
    color: #4b1e19; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    text-align: right; 
    float: right; 
    clear: right; 
    width: 421px; 
} 
#contactUsNow 
{ 
    float: left; 
    clear: left; 
} 
#navMenu ul 
{ 
    list-style:none; 
    margin: 5px; 
    padding: 0px; 
} 
#navMenu ul li 
{ 
    display:inline; 
} 
#navMenu ul li a 
{ 
    display: block; 
    text-decoration:none; 
    float:left; 
    text-align:center; 
    margin: 5px 43px 10px 0; 
    font-size: 20.4px; 
    padding: 5px 10px 4px 10px; 
    color: #4b1e19; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    /*height: 33px; 
    line-height: 33px;*/ 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
} 

#navMenu ul li a:hover, #navMenu ul li.active a 
{ 
    /*line-height: 33px;*/ 
    background-image: url('../images/nav-hover.png'); 
    /*height: 33px;*/ 
}​ 
#headShadow 
{ 
    background-image: url('../images/gradient-under-beige-bit.png'); 
    height: 22px; 
} 

Dieses CSS gibt mir den Fehler im Titel. Was ist falsch?Syntaxfehler: Unerwartetes Token ""

+0

<!-- build:css ... gewesen sein Was Sie CSS verwenden, Fehler zu melden? –

Antwort

8

Es gibt ein verstecktes, nicht druckbares Zeichen direkt vor #headShadow, das zeigt, wenn ich Ihr CSS in einen Texteditor kopiere. Backspace über die schließende } in der vorherigen Anweisung, um es loszuwerden.

#navMenu ul li a:hover, #navMenu ul li.active a 
{ 
    /*line-height: 33px;*/ 
    background-image: url('../images/nav-hover.png'); 
    /*height: 33px;*/ 
}​<200b> 
#headShadow 
+0

ahh, vielen Dank. das hat funktioniert. Wie kommt es dazu? – RSM

+0

@RyanMurphy konnte ich nicht sagen. Wahrscheinlich wurde er irgendwo in einer Kopie/Paste abgeholt. –

+0

Ahh yeh, das ist wahr. Vielen Dank. Große Hilfe – RSM

1

Als ich kopiert und diese in meinem lokalen klebte, sah ich einen unlesbaren Zeichen â €

Bitte entfernen Sie löschen und neu eingeben die Linie

2

In meinem Fall habe ich das Grunt-Build-Skript falsch ausgeführt. Eine CSS-Datei wurde als Javascript komprimiert und der eingebaute HTML-Code <link rel="stylesheet"> für einen <script>-Tag ausgetauscht. Der erste Selektor löst einen JS-Fehler in der Konsole aus.

Im Markup <!-- build:js ... sollte