CSS Blues...

  • locust
  • Beginner
  • Beginner
  • Avatar de l’utilisateur
  • Inscription: Avr 02, 2007
  • Messages: 44
  • Loc: Austin, TX
  • Status: Offline

Message Juin 26th, 2009, 11:34 am

Hey all,

Ive vient de terminer cogner ma tête contre le clavier prises avec un problème CSS. J'ai corrigé le problème, mais en espérant que quelqu'un pourrait expliquer pourquoi cela arrive ..

Basic Gist
Liant pour obtenir des bordures de tableau à afficher sur les cellules en dehors de la table et la table

Ma méthode était de définir simplement un id dans une feuille de style externe et ensuite appeler l'id d'un div. Heres the def:

Code: [ Select ]
#shopping_cart table {
    color:#1E1816;
    border: 1px solid red;
    border-collapse: collapse;
    border-spacing:2px;
    background-color: white;
    text-align: center;
    margin: 5px;
    padding :5px;
    width:100%;
}
  1. #shopping_cart table {
  2.     color:#1E1816;
  3.     border: 1px solid red;
  4.     border-collapse: collapse;
  5.     border-spacing:2px;
  6.     background-color: white;
  7.     text-align: center;
  8.     margin: 5px;
  9.     padding :5px;
  10.     width:100%;
  11. }


On pourrait penser que, en définissant la frontière ci-dessus que vous obtiendriez une bordure autour de la table et chacune des cellules. Unfortunatley, tous j'ai continué à obtenir était une bordure autour de la table. J'ai essayé plusieurs choses, mais rien ne semblait fonctionner jusqu'à ce que...

Je définir le border = 1 dans l'élément de tableau:

Code: [ Select ]
<table border="1">


Pour quelque raison, qu'il a fait. Bien sûr, ce kinda rompt le CSS de maintien de la philosophie mise en page et de contenu distincte. Curieusement, même le tutoriel sur CSS border-collapse sur le site de l'école W3C définit la bordure du tableau. Heres mon code final:

Code: [ Select ]
<div id="shopping_cart"><table border="1"> ..etc, etc, etc


Le fait est que j'ai eu à définir la propriété border de l'élément table, ce qui Im soit faire quelque chose de mal (ce qui est fort possible) ou Im fou.

N'importe jeter quelque lumière sur cette s'il vous plaît? Im meurt d'envie de savoir ce que la face est.

Thanks ..
Moderator Remark: Added [code] tags
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juin 26th, 2009, 11:34 am

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juil 25, 2005
  • Messages: 2735
  • Loc: Nashville, TN
  • Status: Offline

Message Juin 26th, 2009, 11:36 am

Quel youve vu est standard CSS comportement. le border = "1" descend vers les cellules, mais avec le CSS, vous êtes seulement en dehors de la définition de la frontière. Essayez de définir une frontière pour votre td tags et je pense que vous obtiendrez ce que vous recherchez.
I'd love to change the world, but they won't give me the source code.

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 102 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC