2009-09-18 7 views
0

Le code suivant doit afficher le tableau avec des bordures autour des cellules, mais ce n'est pas le cas. Une idée pourquoi?Le tableau n'affiche pas les bordures

<head> 
<meta http-equiv=“content-type” content=“text/html; charset=ISO-8859-1” /> 
    <style type=“text/css”> 
    td, th {border: 1px solid black;} 
    </style> 
<title>Testing Tony’s Travels</title> 
</head> 
<body> 
<table> 
    <tr> 
    <th>City</th> 
    <th>Date</th> 
    <th>Temperature</th> 
    <th>Altitude</th> 
    <th>Population</th> 
    <th>Diner Rating</th> 
    </tr> 
    <tr> 
    <td>Walla Walla, WA</td> 
    <td>June 15th</td> 
    <td>75</td> 
    <td>1,204 ft</td> 
    <td>29,686</td> 
    <td>4/5</td> 
    </tr> 
    <tr> 
    <td>Magic City, ID</td> 
    <td>June 25th</td> 
    <td>74</td> 
    <td>5,312 ft</td> 
    <td>50</td> 
    <td>3/5</td> 
    </tr> 
</table> 
</body> 
</html> 

Répondre

3

Il fonctionne pour moi si vous utilisez la balise html autour de votre texte et remplacez vos citations avec réelle "ou" (vous utilisez » qui n'est pas la même chose. Regardez attentivement »! = «)

+0

J'ai remplacé des citations et cela fonctionne maintenant - yay. Merci à tous – SourceC

+0

En note, doctype.com a fermé le 15 février 2013. [En savoir plus] (http://blog.doctype.com/doctype_is_closing_on_the_14th_1). – Krease

+0

Suppression de la référence à doctype.com. Merci –

1

Est-ce le document complet?

Si tel est le cas, vous pouvez ajouter un type de document et des balises html.

+0

J'ai ajouté DOCTYPE et j'ai dérangé l'ouverture d'une balise HTML en collant du code ici. Le code est copié à partir de http://headfirstlabs.com/books/hfhtml/code/HFHTML_ch13.zip – SourceC

3

Il vous manque une ouverture <html>; est-ce juste un accident de copier/coller votre code ici? En outre, fixer les citations dans les meta et style tags:

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
et
<style type="text/css">

Ajout d'une DOCTYPE appropriée est probablement une bonne idée aussi, bien que vous aurez les frontières pour afficher de faire juste les corrections ci-dessus. Pour référence ultérieure, l'exécution de votre code HTML à l'aide des codes W3C Validator ou HTML Tidy permet d'identifier instantanément les problèmes de ce type.

+0

J'ai ajouté DOCTYPE et j'ai ouvert une balise HTML lors du collage du code ici. Le code est de copié de http://headfirstlabs.com/books/hfhtml/code/HFHTML_ch13.zip – SourceC

1

Il montre des frontières pour moi dans IE6, IE7, IE8, FF3, et Chrome 3, mais les frontières sont autour de chaque cellule individuellement.

Si vous voulez que les frontières semblent connectés, ajoutez dans votre balise de style:

table { border-collapse: collapse; }

+0

Je voulais dire qu'il n'y a pas de frontières autour des cellules individuelles – SourceC

1

vos guillemets doubles ne sont pas appropriés entre guillemets. essayez

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
<head> 
    <style type="text/css"> 
    td, th {border: 1px solid black;} 
    </style> 
<title>Testing Tony’s Travels</title> 
</head> 
<body> 
<table> 
    <tr> 
    <th>City</th> 
    <th>Date</th> 
    <th>Temperature</th> 
    <th>Altitude</th> 
    <th>Population</th> 
    <th>Diner Rating</th> 
    </tr> 
    <tr> 
    <td>Walla Walla, WA</td> 
    <td>June 15th</td> 
    <td>75</td> 
    <td>1,204 ft</td> 
    <td>29,686</td> 
    <td>4/5</td> 
    </tr> 
    <tr> 
    <td>Magic City, ID</td> 
    <td>June 25th</td> 
    <td>74</td> 
    <td>5,312 ft</td> 
    <td>50</td> 
    <td>3/5</td> 
    </tr> 
</table> 
</body> 
</html> 
+0

thanx mate.Il fonctionne maintenant – SourceC

1

Je ne l'ai testé sur IE6 (désolé - je ne suis pas sur ma machine) mais je pense que votre éditeur de texte a inséré « guillemets » autour des chaînes entre guillemets doubles au lieu de les droites . Il semble que c'est juste un changement de style mais c'est un caractère différent (& ldquo; \ & rdquo; au lieu de & quot;). Quand je les ai remplacés, ils ont rendu les frontières.

Questions connexes