2012-04-03 9 views
0

ich ein anderes Problem bekam, diesmal mit Tabellen und ihre Grenzen in HTML (4.01, 5.0)Tabellenrahmen in HTML4 nicht gezeichnet +

Hinweis: Alle Codes sind von w3schools.com

Wenn Sie diesen Code verwenden:

<h4>One row and three columns:</h4> 
<table border="1"> 
<tr> 
    <td>100</td> 
    <td>200</td> 
    <td>300</td> 
</tr> 
</table> 

Alles ist korrekt im Browser (FF, IE, Opera, Chrome) gezogen, aber wenn die border="1" die Grenzen und Zellwände mit style="border: 1px;" geändert wird verschwinden. Ich kann den Grund nicht finden, aber die Verwendung style gibt mir die wertvolle Bestätigung.

Das ist meine Hauptdateiabschnitte ist:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 
<title> 
Title of the document 
</title> 
<style type="text/css"> 
body {background-color:teal;} 
</style> 
</head> 

Ich hoffe, jemand hier weiß, wo das Problem ist ... Hier sind die Ergebnisse mit klassischen border und style:

http://www.free imagehosting.net/pyk3e << border="1"

http://www.free imagehosting.net/cw98o << style="border: 1px solid black;" for cells too

+0

Die Bildverknüpfungen sind jetzt tot, was die Frage unklar macht. –

Antwort

2

Sie border: 1px solid; benötigen. Wenn die Pixel alleine nicht ausreichen, müssen Sie dem Browser mitteilen, was er damit machen soll. :)

Aber denken Sie daran, dass, wenn Sie <table style="border: 1px solid"> verwenden, dass einen Rahmen um den TABLE schaffen, nicht die Zellen innerhalb der Tabelle.

Sie müssen auch einen Rahmen für die Zellen angeben.

Sie sollten wahrscheinlich geben Sie nur ein Stylesheet:,

<style type="text/css"> 
    TABLE, TD { 
    border: 1px solid; 
    } 
</style> 

Oder auch Ihren Tisch oder TD-Blöcke mit einer ID oder einer Klasse identifizieren, die dann in Ihrem Stylesheet verwenden, so dass Sie beeinflussen andere nicht unschuldig Bystander-Tische.

+0

Ok, tat das, aber die Ergebnisse sind die gleichen: http://www.freeimagehosting.net/pyk3e http://www.freeimagehosting.net/oyeuy Auch beim Einrichten der Zellen – 1000Gbps

+0

Dieser mit Zelle Grenzen http:/http://www.freeimagehosting.net/cw98o – 1000Gbps

+0

http://jsfiddle.net/RepNM/ Welches Ergebnis willst du überhaupt bekommen? Das erste der Bilder in deine Frage oder die zweite? Oder etwas anderes? – Graham

3

Möglicherweise müssen Sie die b definieren Um zu bestellen, vielleicht durch Angabe eines Typs und einer Farbe, versuchen Sie es mit:

1

Sie brauchen auch eine Rahmenfarbe.

style="border:1px solid #aaa;" 

so, was Sie tatsächlich einstellen werden, ist border-size, border-style und border-color

W3school

+0

Bei Verwendung von Farbe werden die Rahmen schwarz, beim Zeichnen von Kanten wird nicht wie 'border =" 1 "' gezeichnet, und mit 'style =' border: 1px solid black; '' zeichnet sie nicht :( – 1000Gbps

+0

Sie brauchen nicht beide, verwenden Stil ist viel mächtiger, und es muss nicht schwarz sein, können Sie es in jede Farbe ändern – Ibu

+0

Ich möchte nur die Standardeinstellungen für die Tabellenzeichnung, nichts anderes als die Einstellung der Randgröße ... – 1000Gbps

0

Wie die anderen gesagt, benötigen Sie eine Grenzfarbe:

style="border:1px solid #000;" 

Auch wird der Stil-Eigenschaft nur auf die Tabelle Tag anwenden. Wenn die Zellwände ebenfalls angezeigt werden sollen, muss der Stil auf die td-Tags angewendet werden.

Verwandte Themen