2014-07-10 7 views
0

je le fichier html suivant:styles CSS ne fonctionne pas

<html> 
<head> 
    <link rel="stylesheet" href="css/styles.css" type="text/css" media="all" /> 
</head> 
<body> 

<div> 
    <input type="text" /> 
    <input type="email" /> 
    <input class="button" id="clickme" type="submit" value="Click Me" /> 
</div> 

</body> 
</html> 

Il y a un lien dans le pointage de bloc de tête à un fichier css qui est:

body { 
    background: gray 
    background-image: url(“../images/bg-body.jpg”); 
} 

input[type=”text”], input[type=”email”] { 
    border: none; 
} 

Le chargement de l'image d'arrière-plan, mais la deux entrées ont toujours une bordure visible. Dans IE et Chrome. Cependant, cela fonctionne si je spécifie le style en ligne. J'utilise Notepad ++ pour éditer le HTML et le CSS. Le ; n'était pas une faute de frappe mais montre un autre problème. Si je spécifie à la fois la couleur et l'image, dans IE l'image montre mais dans Chrome ce n'est pas le cas. Y a-t-il une priorité au travail ici?

+2

Quel programme utilisez-vous pour éditer votre code HTML et CSS? Vous avez plusieurs problèmes (vos deux dernières questions) découlant de votre utilisation de '" 'et' "' ... – misterManSam

+1

typo ou pas? sur la deuxième ligne, il n'y a pas de ';' –

Répondre

0

Mettez à jour votre CSS comme ci-dessous. Remplacer avec "

body { 
    background: gray; 
    background-image: url("../images/bg-body.jpg"); 
} 

input[type="text"], input[type="email"] { 
    border: none; 
} 

EDIT:

Par la façon dont il fonctionnera sans guillemet aussi.

body { 
    background: gray; 
    background-image: url(../images/bg-body.jpg); 
} 

input[type=text], input[type=email] { 
    border: none; 
} 
+1

Les guillemets ne sont pas nécessaires, cela fonctionne aussi sans eux. – Vucko

+0

vous avez raison. Je le mentionnerai aussi dans ma réponse. Merci. –

+0

merci! cela a résolu tous mes problèmes. Je suppose que je dois faire attention en publiant du code à partir de fichiers PDF. – user1278255