feuille de style CSS ne fonctionne pas?

Je le code suivant dans ma feuille de style ...feuille de style CSS ne fonctionne pas?

body 
{   
    background-image:url('Background.png'); 
} 

td.Header 
{ 
    background: purple Url("Header.png"); 
    height:100px; 
    width:100%; 
    border:5px; 
    border-style:solid; 
    border-color:blue; 
}

Maintenant Voilà comment je l'utilise dans mon html:

<table align="center" width="800px"> 
    <tr> 
     <td class="header" height="100px">Where's my background and border?</td> 
    </tr> 
    <tr> 
     <td>The Normal Stuff </td> 
    </tr> 
</table>

J'ai mon stylesheet lié à mon fichier html. La seule chose qui fonctionne sur ma feuille de css est ma classe de corps. Mon image de fond apparaît pour mon corps. Mais pour mon td.header, rien ne marche. S'il vous plaît aider.

Merci beaucoup

Source

2010-07-06 Johnrad

fonctionne bien pour moi en tant que style déclaré en interne, la seule chose que je pourrais penser serait de faire correspondre le style du style "header" entre la déclaration de stylesheet et l'utilisation de votre td, je pense que cela peut poser des problèmes dans certains navigateurs. – heisenberg

CSS peut être sensible à la casse. Si vous utilisez le doctype XHTML, les noms de classes CSS sont sensibles à la casse, donc un nom de classe de header n'est pas le même que Header.

Vérifiez si vous utilisez un doctype de XHTML. Si c'est le cas, vous devrez changer votre attribut de classe dans le HTML pour correspondre exactement au sélecteur de classe dans la feuille de style.

Si votre DOCTYPE est HTML cependant, la sensibilité à la casse n'a pas d'importance, et quelque chose d'autre se passe.

Notez que HTML5, comme XHTML, sera également sensible à la casse.

Source

2010-07-06 20:55:22 womp

Je regardais l'entrée [WHATWG] (http://www.whatwg.org/specs/web-apps/current-work/#case-sensitivity) concernant la sensibilité à la casse. On dirait que la seule façon de garantir la non-respect de la casse est de déclencher intentionnellement le mode quirks. Wikipedia a une bonne entrée sur, qui [types] (http://en.wikipedia.org/wiki/Quirks_mode) à utiliser. – fncomp

noms de classe CSS sont sensibles à la casse. Si vous remplacez "td.Header" par "td.header", cela fonctionne-t-il?

Espérons que cela aide!

Source

2010-07-06 20:54:18 Bacon

votre premier problème est la règle css

td.Header

css est sensible à la casse, il devrait être le même cas que votre code HTML:

td.header

En second lieu, en CSS, vous ne avez pas besoin d'utiliser les guillemets pour les urls. En fait, j'ai lu quelque part qu'il vaut mieux ne pas (je ne peux pas rappeler où ou je le citerais :) :)

Source

2010-07-06 20:55:00

dans votre CSS écrivez td.header, car les noms de classes et les identifiants sont sensibles à la casse.

Source

2010-07-06 20:56:05 galambalazs

feuille de style CSS ne fonctionne pas?

Répondre

Questions connexes