2010-03-05 5 views
2

J'ai une cellule assez simple dans une table avec un style en ligne:Style en ligne étant ignoré

<td style="text-align: right;"> Current Status: </td> 

Et le texte-align droit est ignoré, aussi bien dans Firefox et Opera. J'ai utilisé Firefox "firebug", et il me montre <td style=""> pour cela.

Toute idée de ce qui pourrait se passer? Je pensais qu'un style en ligne spécifié de cette manière avait la plus haute priorité sur toute feuille de style liée ou style hérité.

Merci comme toujours.

+1

Avez-vous d'autres styles définis. Si je viens d'ajouter une simple table avec deux lignes et que je n'ai pas de style CSS, cela fonctionne très bien dans Chrome et Firefox pour moi. Quelque chose d'autre sur le balisage que nous devrions savoir pour arriver à la solution? –

+0

Il y a un autre style (une cascade compliquée), mais je pensais que le style inline l'emporte sur tout. Apparemment, non. – doxguy

+0

Vous pouvez remplacer les styles en ligne, mais ne pas apparaître dans Firebug suggère une erreur de formatage quelque part. –

Répondre

1

Habituellement Firebug fait ça quand il y a une erreur avec la déclaration de style.

+0

bien qu'il semble correct – Sinan

+0

Oui, mais OP devrait certainement revérifier le code de production pour s'assurer qu'il correspond exactement au code d'exemple. –

-1

Je ne pense pas que vous pouvez spécifier l'alignement du texte dans une balise td. Cependant, vous pouvez définir l'alignement du contenu du td comme ceci:

<td align="right"> Current Status: </td> 
+4

Un text-align CSS devrait fonctionner pour rechercher des tags td. En utilisant align vous bousiller la séparation du contenu et de la mise en page, que vous devriez éviter. –

1

Il existe de nombreuses façons de tester ce qui se passe ici. Travaillez dans les classes de votre CSS dans FireBug et activez et désactivez les styles jusqu'à ce que vous obteniez un résultat que vous attendiez. Il y a évidemment une erreur de déclaration de style dans certains cas où cela provoque l'échec de ce style particulier. Parce que vous avez raison , styles en ligne ont la priorité sur des feuilles de style, et sur les styles de parents. Puisque vous savez se concentrer sur la zone de table de votre code HTML et voir s'il y a des erreurs de syntaxe, les scripts qui sont Redéfinition de la valeur, etc.

test aussi différents styles de texte pour cette balise « td » à voir si d'autres styles de travail, tels que:

color: blue; 
line-height: 10px; 
letter-spacing: 5px; 

Notez également que text-align:left est une valeur par défaut si la propriété de direction est « ltr » (gauche à droite) qui est par défaut. Ainsi, il pourrait être possible que certains de vos styles pour cet élément de tableau HTML ne sont pas appliquées.

0

Au lieu de ce que vous avez essayer d'ajouter un span qui obéira aux text-align où le td ne sera pas

<td><span style="text-align: right;">Current Status:</span></td> 
Questions connexes