2010-10-31 5 views
1

Je me demande pourquoi aligner ne fonctionne pas lorsqu'il est utilisé dans une feuille de style externe, mais fonctionne bien en ligne (corrigez-moi si je me trompe) et aussi je ne peux pas utiliser à la fois aligner et externe styilng en utilisant un identifiant pour divcss div aligner pourquoi fonctionne uniquement en ligne

http://www.jsfiddle.net/pahnin/rdgbq/5/

+1

En raison de la priorité des sélecteurs CSS, mais qui est facile à « fixer » .. si vous fournissez un code .. – Ernest

+0

i ajouté un lien avec jsFiddle – pahnin

+0

@pahnin, votre exemple fonctionne comme prévu .. si vous supprimer l'attribut align le texte restera centré de la règle CSS. –

Répondre

1

Les styles en ligne ont une priorité plus élevée que les styles intégrés ou externes (il s'agit d'un principe de base de en cascade feuilles de style). Il semble très probable que vous ayez un alignement qui affecte par inadvertance votre élément, qui est écrasé lorsque vous utilisez des styles en ligne.

** modifier **

Je vois ce que vous voulez dire maintenant - votre alignement est en fait un attribut HTML, CSS pas - et align=center ne fonctionne pas avec des éléments de bloc de la même façon que vous attendez à avec des tables.

Heureusement, il est facile à réparer car vous avez défini des largeurs pour le logo et le pied de page. Réglez simplement les marges gauche et droite égales de 45% à votre élément de logo (et enlevez l'align = center).

#logo { 
    margin: 0 45%; 
} 
+0

voir le lien que j'ai ajouté là en utilisant l'identification et le style externe est en train de désactiver l'alignement inline – pahnin

+0

Voici la solution si vous essayez de centrer le logo sur la page. – ajcw

1

Ceci est incorrect. Les règles CSS fonctionnent de la même manière, qu'elles soient définies dans des feuilles de style externes ou dans des feuilles de style CSS intégrées.

Il est possible de faire des erreurs lors de l'incorporation de feuilles de style externes, par exemple en utilisant un attribut title dans la balise link ou en utilisant l'attribut media incorrect. Peut-être que l'une de ces choses empêche votre feuille de style externe de fonctionner. Dans ce cas, affichez le code que vous utilisez pour l'intégrer.

+0

je pense que le PO se réfère à aligner comme dans l'attribut 'style', qui a la priorité sur toutes les autres règles css .. –

+0

@Gaby Je suis d'accord, mais cela n'explique pas pourquoi cela ne fonctionnerait pas dans une feuille de style externe, n'est-ce pas? –

+0

oui vous avez raison .. je suis confus et je pensais qu'il utilisait les deux .. mais il ne dit pas cela .. mauvaise supposition. –

Questions connexes