Html - Tabelle Erstellen - WinFuture-Forum.de

Html - Tabelle Erstellen div oder table

#1 ps915

Freak

Gruppe: aktive Mitglieder
Beiträge: 1.119
Beigetreten: 17. Mai 07
Reputation: 0
Geschlecht:Männlich

geschrieben 09. Juli 2008 - 16:41

Hallo zusammen,
Ich möchte in der Art eine Tabelle erstellen:

Ich habe mir schon etwas zusammengebastelt, glaube aber nicht dass es so "korrekt" ist:

<table width="100" border="0">
  <tr>
	<td>Tags $id</td>
	<td>Zeit</td>
	<td></td>
  </tr>
</table>
<table width="100" border="0">
  <tr>
	<td>Text</td>
  </tr>
</table>

Kann ich das so ohne weiteres benutzen oder ist dies "ünüblich"?
Es sind ja eigetlich 2 Tabellen die eine darstellen sollen. Könnten die auseinandergerupft werden?
Kann ich das noch bequemer mit <div> und CSS umsetzten?

Euer Rat ist gefragt! ;-)

Danke,
Toasterfraktion

Dieser Beitrag wurde von Toasterfraktion bearbeitet: 09. Juli 2008 - 16:43

Deutsches Raspberry Pi Forum
Ein vollwertige Linuxbox mit Ethernet, Hdmi und USB in der Größe einer Kredidkarte für knapp 30 Euro!

Nach oben
Nach oben of the page up there ^

#2 Diewie

Spezialist

Gruppe: aktive Mitglieder
Beiträge: 409
Beigetreten: 18. Juni 06
Reputation: 0
Geschlecht:Männlich
Wohnort:Geisenhausen / München

geschrieben 09. Juli 2008 - 17:07

Tabellen sollten eigentlich nur noch verwendet werden, wenn man wirklich Tabellen darstellen will. Also alles, was du auch in Excel, usw. darstellen würdest, für das verwendest du auch Tabellen. Aber im Layout sollte man darauf komplett verzichten.

Habe kurz etwas in der Art zusammengebastelt, das deinem sehr nahe kommen sollte.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div, span</title>
<style type="text/css" media="screen">
<!--

div.news {
	width: 80%;
	border: solid 1px #000000; /* äußerer Rahmen */
}

div.news_content {
	clear: both; /* float wieder aufheben */
	border-top: solid 1px #000000; /* innerer horizontaler Rahmen */
}

span.day {
	width: 20%;
	border-right: solid 1px #000000; /* innerer vertikaler Rahmen */
	float: left;
}

span.time {
}

-->
</style>
</head>

<body>

<div class="news">

<span class="day">Tag 1</span><span class="time">15:00 Uhr</span>
<div class="news_content">
Test
</div>

</div>

</body>
</html>

Gruß,
Stefan

€: Blindtext sprengt bei manchen Usern das Forenformat ;-)