2012-08-16 18 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; 
} 

Este CSS me da el error en el título. ¿Qué está mal?error de sintaxis: token inesperado ""

+0

¿Qué estás usando para informar de errores CSS? –

Respuesta

8

Hay un carácter oculto, no imprimible justo antes de #headShadow, que muestra cuando copio su CSS en un editor de texto. Retroceda sobre el cierre } en la directiva anterior para deshacerse de él.

#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 gracias. eso funciono. ¿Cómo ocurre esto? – RSM

+0

@RyanMurphy No podría decirlo. Probablemente fue recogido en una copia/pega en alguna parte. –

+0

Ahh yeh, eso es verdad. Muchas gracias. Gran ayuda – RSM

1

Cuando copiar y pegar esto en mi local, me vio un carácter ilegible â €

Por favor, retire y vuelva a borrar la línea

2

En mi caso, ejecuté el script de construcción de Grunt incorrectamente. Un archivo CSS se comprimió como Javascript y el HTML incorporado cambió <link rel="stylesheet"> por una etiqueta <script>. El primer selector arroja un error JS en la consola.

en el marcado <!-- build:js ... debería haber sido <!-- build:css ...

Cuestiones relacionadas