XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Tabelle erstellen (http://xhtmlforum.de/showthread.php?t=49065)

Chaosgoettin 24.11.2007 04:04

Tabelle erstellen
 
Hallo,
meine 2. große Aufgabe ist die Tabelle, die ich mir vorgenommen habe.
Ich wollte versuchen, anhand der tabelle eine typisch aufgebaute Internetseite zu gestalten. So ganz hat das natürlich noch immer nicht geklappt :D
Habe inzwischen auch gelsen von Frames, ich denke, das ist es eher, was ich gewollt habe...Aber egal, für die Übung ist das ja wurscht ;)
Jetzt habe ich ein zwei Fragen, was meine Tabelle angeht. Und zwar erstmal der link am besten, damit ihr wisst, worum es geht: Zweiter Versuch

So, ansich schauts unten ja schon ein bisserl nach einer Homepage aus^^
Den Text bekomme ich immernoch nicht auf das Bild im Head-Bereich. Aber egal, das kann ich auch grafisch lösen zur Not.
Was mir mehr Sorgen bereitet ist die Sache mit den links links vom Mittelbild und dem Bild rechts vom Bild. Wie kann ich es machen, daß diese Bereiche oben anschlagen und nicht mittig bzw unten stehen?
Warum hat sich das überhaupt so verteilt? habe es mit align=top und zeugs probiert, aber es hat sich absolut nix geändert.

Außerdem habe ich in der Mitte das Bild gegen ein anderes eintauschen wollen, aber dieses wurde dann nicht angezeigt, obwohl es nicht breiter war.

So, das wars fürs allererste mit den Fragen...die obigen Tabellchen waren nur eine vorsichtige Annäherung...immer wieder etwas verändert udn Neues versucht....meine Fragen beziehen sich nur auf die unterste...

Hierd er Code dazu:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zweiter Versuch
</title>
</head>
<body style="background-image: url(http://i183.photobucket.com/albums/x253/Chaosgoettin7/bg-texture.jpg); background-position: center;" bgcolor="#21173E" text="#FFCC99" link="#FF9966" vlink="#FF9900" alink="#FFFFFF">

<!-- Tabelle mit Border -->

<table border="1">
<colgroup>
    <col width="100">
    <col width="900">
    <col width="100">
  </colgroup>
 
 <tr>
  <th>1.Spalte</th>
  <th>2.Spalte</th>
  <th>3.Spalte</th>
 </tr>
 
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
</table>
<br>
<br>
<br>

<!-- Tabelle mit Border gruppiert -->

<table border="1" rules="groups">
<colgroup>
    <col width="100">
    <col width="900">
    <col width="100">
  </colgroup>
 <thead>
 <tr>
  <th>1.Spalte</th>
  <th>2.Spalte</th>
  <th>3.Spalte</th>
 </tr>
 </thead>
 <tfoot>
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
 </tfoot>
 <tbody>
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
 <tr>
  <td>1.Spalte</td>
  <td>2.Spalte</td>
  <td>3.Spalte</td>
 </tr>
 </tbody>
</table>
<br>
<br>
<br>

<!-- Tabelle verbundene Zellen -->

<div align="center">
<table border="1">
  <colgroup>
    <col width="120">
    <col width="900">
    <col width="100">
  </colgroup>

 <tr>
  <th colspan="3">TEST<img src="http://i183.photobucket.com/albums/x253/Chaosgoettin7/header.jpg">TEST</th>
 </tr>
 <tr>
  <td rowspan="3"><a href="http://psboard.de/index.php"><b>Psboard</b></a><br>
  <a href="http://chaosgoettin.deviantart.com/"><b>My DA-Account</b></a><br>
  <a href="http://psboard.de/index.php"><b>Psboard</b></a></td>
 </tr>
 <tr>
  <td rowspan="3"><img src="http://i183.photobucket.com/albums/x253/Chaosgoettin7/beispielbildKopie.jpg"></td>
 </tr>
 <tr>
  <td valign="top" rowspan="3"><img src="http://i183.photobucket.com/albums/x253/Chaosgoettin7/inderseiteliegt.jpg"></td>
 </tr>
</table>
</div>

</body>
</html>


heiko_rs 24.11.2007 04:31

Tabellen sind ausschließlich für tabellarische Daten gedacht, aber nicht zum Anordnen/Positionieren von anderen Elementen. Benutze divs für die Spalten und arbeite dabei mit float & clear.

kampfgnom 24.11.2007 10:52

Und Frames sind auch seit Jahren Megaout.

das kann man auch mit devs lösen! (s. Vorredner!!)

Crizzo 24.11.2007 12:26

Zitat:

Zitat von heiko_rs (Beitrag 359294)
Tabellen sind ausschließlich für tabellarische Daten gedacht, aber nicht zum Anordnen/Positionieren von anderen Elementen. Benutze divs für die Spalten und arbeite dabei mit float & clear.

Um es kurz zu machen: Spar dir die Arbeit und nutze die Zeit sinnvoller. ;)

Chaosgoettin 24.11.2007 17:25

seufz, ich sollte doch selfhtml von Anfang an durchmachen :(
Da gibts nun mal Tabellen und später kommen frames....
Hatte ja schon gefragt, wie man das macht, ohne CSS, denn früher gabs ja noch kein CSS...aber habe die Antwort nicht erhalten.

Was ist sinnvoller zu üben?

fricca 24.11.2007 17:34

Du hast es hier doch schon oft genug gelesen, willst es aber einfach nicht glauben:
CSS -- und nur CSS -- ist für die Gestaltung zuständig.
Solange du noch HTML lernst, darfst du nicht an die Gestaltung denken.

SELFHTML ist hauptsächlich als Nachschlagewerk geeignet.
Zum strukturierten Lernen eignen sich Bücher.

gato 24.11.2007 17:44

Zitat:

Hatte ja schon gefragt, wie man das macht, ohne CSS, denn früher gabs ja noch kein CSS...aber habe die Antwort nicht erhalten.
Früher gabs auch keine Airbags, wenn dein Auto also einen hat bau ihn gleich aus. Jetzt. Sofort. Na los!

Crizzo 24.11.2007 20:09

Zitat:

Zitat von fricca (Beitrag 359373)
SELFHTML ist hauptsächlich als Nachschlagewerk geeignet.
Zum strukturierten Lernen eignen sich Bücher.

Oder das Online-"Buch" von Jendryschik, welches ich auch schon verlinkt habe.

kampfgnom 25.11.2007 11:43

Meines Erachtens ist das wichtigste, die Funktionen der jeweiligen Elemente zu wissen.
Den Rest macht CSS dann. Meine Meinung und das Online Buch was BlackHawk verlinkt hat ist wirklich klasse!!!


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:44 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023