✔ Unsichtbar Tabellenrahmen?

Status
Nicht offen für weitere Antworten.
Mal eine kurze Frage zwischendurch: Wozu benötigst du Tabellenzellen, die gerade mal fünf Pixel breit sind?
 
Erklärung: Damit ein gewisser Abstand zum sichtbarem Rahmen bleibt, damit es schöner formatiert ist.
Hast du villeicht eine Idee wie ich das besser machen könnte? Ich binn noch nicht so gut in HTML und wie man sieht in CSS.

Noch eine Frage habe ich. Was soll ich anstelle von "collapse" schreiben? Ohne "border-collapse: collapse" Sind die Linien viel zu dick.
 

Anhänge

  • rr.png
    rr.png
    817 Bytes · Aufrufe: 47
Hi,

versuch mal den Wert im border-Attribut auf Null zu setzen.
HTML: 
<table border="0" ...>
Dann sollten die überflüssigen Linien im Firefox eigentlich verschwinden.

Ciao
Quaese
 
Ja, jaa, jaaa, jaaaa!!

Das funktioniert! Perfekt, einfach perfekt! :)
Ich hab das collapse gelassen und wie Quaese es gepostet hat:

Quaese hat gesagt.:
HTML: 
<table border="0" ...>
Zum Vergrößern anklicken....

gemacht! Das ist doch irgendwie sowas von logisch.
Ich danke euch *verneig*, dass ihm mir versucht habt zu helfen, bis sich der lösungswer "herauskristallisierte"!
 
Genau.... vergiss es aber wieder und mach lieber gleich copy&paste.

IE, Opera, Mozilla und HTML 4.01 valide:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<META HTTP-EQUIV="Refresh" CONTENT="30;URL=http://mhribernik.mh.funpic.de/index.php">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>
<style type="text/css">
<!--
td.oben_a { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: 1px solid #808080; width: 5px; height: 21px; }
td.oben_b { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: none; width:145px; height: 21px; }
td.oben_c { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: 1px solid #808080; width: 5px; height: 21px; }
td.oben_d { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: none; width: 441px; height: 21px; }
td.oben_e { border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: none; border-left: none; width: 5px; height: 21px; }
td.mitte_a { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: 1px solid #808080; width: 5px; height: 230px; }
td.mitte_b { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: none; width: 145px; height: 230px; }
td.mitte_c { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: 1px solid #808080; width: 5px; height: 230px; }
td.mitte_d { border-top: 1px solid #808080; border-right: none; border-bottom: none; border-left: none; width: 441px; height: 230px; }
td.mitte_e { border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: none; border-left: none; width: 5px; height: 230px; }
td.unten_a { border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #808080; width: 5px; height: 1px; }
td.unten_b { border-top: none; border-right: none; border-bottom: none; border-left: none; width: 145px; height: 1px; }
td.unten_c { border-top: none; border-right: none; border-bottom: none; border-left: 1px solid #808080; width: 5px; height: 1px; }
td.unten_d { border-top: none; border-right: none; border-bottom: none; border-left: none; width: 441px; height: 1px; }
td.unten_e { border-top: none; border-right: 1px solid #808080; border-bottom: none; border-left: none; width: 5px; height: 1px; }
td.boden_a { border-top: none; border-right: none; border-bottom: 1px solid #808080; border-left: 1px solid #808080; width: 5px; height: 1px; }
td.boden_b { border-top: none; border-right: none; border-bottom: 1px solid #808080; border-left: none; width: 145px; height: 1px; }
td.boden_c { border-top: none; border-right: none; border-bottom: 1px solid #808080; border-left: 1px solid #808080; width: 5px; height: 1px; }
td.boden_d { border-top: none; border-right: none; border-bottom: 1px solid #808080; border-left: none; width: 441px; height: 1px; }
td.boden_e { border-top: none; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: none; width: 5px; height: 1px; }
#AutoNumber1 { width: 548px; height: 228px; }
-->
</style>
</head>
<body>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" id="AutoNumber1">
	<tr class="topic" >
	 <td class="oben_a">&nbsp;</td>
	 <td class="oben_b">&nbsp;</td>
	 <td class="oben_c">&nbsp;</td>
	 <td class="oben_d">Hallo</td>
	 <td class="oben_e">&nbsp;</td>
	</tr>
	<tr>
	 <td class="mitte_a">&nbsp;</td>
	 <td class="mitte_b">&nbsp;</td>
	 <td class="mitte_c">&nbsp;</td>
	 <td class="mitte_d">&nbsp;</td>
	 <td class="mitte_e">&nbsp;</td>
	</tr>
	<tr>
	 <td class="unten_a">&nbsp;</td>
	 <td class="unten_b">&nbsp;</td>
	 <td class="unten_c">&nbsp;</td>
	 <td class="unten_d">Hallo</td>
	 <td class="unten_e">&nbsp;</td>
	</tr>
	<tr>
	 <td class="boden_a">&nbsp;</td>
	 <td class="boden_b">&nbsp;</td>
	 <td class="boden_c">&nbsp;</td>
	 <td class="boden_d">Hallo</td>
	 <td class="boden_e">&nbsp;</td>
	</tr>
</table>
</div>
</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück