2010-01-22 4 views
0

J'ai un fichier reset.css qui comprend la déclaration suivante: border:0 none;Reset CSS de table border

Alors, quand je fais une table comme ceci:

<table border="1"> 

La frontière ne se présente pas. Comment faire pour que la bordure s'affiche sans supprimer la propriété border:0 none;? Le code doit être <table border="1">. Est-il un moyen de rendre la table "ignorer" le fichier reset.css? (Cela doit fonctionner sur tous les navigateurs, y compris IE 6+)

+0

Downvote pour le moment marquant une réponse. Votre question, comme indiqué, a été répondue ... –

Répondre

4

Ajouter un style="border: 1px solid;" à la balise <table>. Les styles remplacent les paramètres d'attribut.

+0

Salut, Il doit être border = 1. Il y a une section du site où je ne peux pas utiliser les déclarations CSS en ligne comme ça. Puis-je faire en sorte que cette section ignore la bordure: 0 none; propriété et utilisez simplement le navigateur par défaut? – Mike

+0

Pourquoi ne pouvez-vous pas utiliser les styles en ligne, mais vous pouvez utiliser d'autres attributs en ligne comme la bordure? La bordure n'est plus utilisée (en tant qu'attribut) à cause de CSS. – Parrots

+0

Non, car les styles remplacent les paramètres d'attributs, il est impossible de les modifier sans utiliser de styles. Vous pourriez utiliser des classes pour différencier les types de tables et en avoir sans frontières et certaines avec. En utilisant des sélecteurs CSS, vous pouvez faire un choix et choisir. –

-1

directement après votre réinitialisation css ajouter une ligne comme celui-ci:

table.borderIgnore { border:auto; } 

alors pour votre table ce faire:

<table class="borderIgnore" border="1"> 

laissez-moi savoir si cela fonctionne

1

Ok, laisse dire que vous êtes dans une confiture, et laisse supposer:

  • Vous ne pouvez rien suggéré ci-dessus
  • Vous ne pouvez pas utiliser les styles en ligne
  • Vous ne pouvez pas ajouter un style à votre doc html comme:

    <style type="text/css"> 
        table { border: 1px solid; } 
    </style> 
    
  • Vous ne pouvez pas ajouter lien vers une autre feuille de style

Pourriez-vous faire quelque chose qui est probablement exagéré, comme utiliser du javascript ou jquery pour le faire?

<script type='text/javascript'> 
    var tableStyle = "table { border: 1px solid;}"; 

    function appendStyle(tableStyle) { 
    var css = document.createElement('style'); 
    css.type = 'text/css'; 

    if (css.styleSheet) css.styleSheet.cssText = tableStyle; 
    else css.appendChild(document.createTextNode(tableStyle)); 

    document.getElementsByTagName("head")[0].appendChild(css); 
    }; 

    window.onload = function() { 
    appendStyle(tableStyle); 
    }; 
</script> 
Questions connexes