Edit: Verständnisproblem zu Tabellen in HTML / Bilder positionieren

[Thomas Lindner]

Wo liegt genau dein Problem?

<table> gibt an das es sich um eine Tabelle handelt

<tr> sagt das die erste/oder eine neue Reihe beginnt

<td> ist eine Tabellenzelle

dann gibt es noch die Bezeichnu row, bzw. rowspan für "reihenuüberspannend"

und col, bzw. colspan für Spaltenübergreifend

Wenn Du es noch genauer erklärt haben willst oder Fragen hast, frage, ich (wir) werden versuchen Dir das zu erklären!

 

[Andreas Gaisbauer]

Vielleicht hilft dir ein Bild

+-------+-------+-------+
|   1   |   2   |   3   |
+-------+-------+-------+
|   4   |   5   |   6   |
+-------+-------+-------+

Wie fängt man an? Man legt erstmal fest, dass es sich um eine Tabelle handelt

<table>
</table>

Jetzt kommt die erste Zeile dran

<table>
<tr>
</tr>
</table>

Die Zeile an und für sich hat keinen weiteren Inhalt und dient sozusagen nur als Container für die einzelnen Zellen. Jetzt kommen die drei Zellen in die erste Zeile.

<table>
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
</tr>
</table>

Wenn du nur eine Zeile möchtest bist du jetzt fertig. Die Tabelle würde jetzt so aussehen:

+-------+-------+-------+
|   1   |   2   |   3   |
+-------+-------+-------+

Jetzt kommt noch die zweite Zeile mit den entsprechenden Zellen rein...

<table>
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
<td> 5 </td>
<td> 6 </td>
</tr>
</table>

Wenn du jetzt keine <tr>´s hättest, wäre es nicht ersichtlich wo die eine Zeile aufhört und die andere anfängt...

hoffe es ist dir irgendwie klarer geworden...

bye

 

[Swordsman]

Tabellen

Sauber Thomas und Crono ihr habt mir sehr geholfen. Durch die Bilder, kann ich zumindest schonmal alles zuordnen.Letzte Frage, wie positioniere ich nun aber die Tabellen absolute ?? ZB das eine Grafik oberhalb links und eine zb schräg gegenüber unten rechts ist ? Aber mit gewissem Abstand zu den Rändern Rand ?

Wenn das hier der Admin sieht, sperrt der mich mein Leben lang aus diesem Forum boa

 

[Thomas Lindner]

Ich "klaue" mir mal Cronos Code...:

<table width="600" height="600">
<tr>
<td> (1) hier ein Bild rein </td>
<td> 2 </td>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
<td> 5 </td>
<td> 6 </td>
</tr>
<tr>
<td> 7 </td>
<td> 8 </td>
<td> (9) hier ein Bild rein </td>
</tr>
</table>

Nur ein Beispiel...

Zelle 1 bekommt ein Bild

Zelle 2-8 bekommt entweder Textinhalt oder Leerzeichen (nbsp) oder du füllst es mit einem transparenten Gif...

Zelle neun bekommt wieder ein Bild...

 

[Andreas Gaisbauer]

Ich weis jetzt zwar nicht genau ob du das so meinst, aber versuchen wirs mal

+----------+----------+
|  Bild 1  |   leer   |
+----------+----------+
|  leer    |  Bild2   |
+----------+----------+

das wäre dann follgender Code:

<table>
  <tr>
    <td><img src="Bild1.jpg"></td>
    <td>leer</td>
  </tr>
  <tr>
    <td>leer</td>
    <td><img src="Bild2.jpg"></td>
  </tr>
</table>

Zu weiteren Formatierungsoptionen schau dir http://www.selfhtml.net/html/tabellen/index.htm an - das is sehr gut geschrieben

War das so wir du wolltest?

ciao


//edit: Ok - Thomas war schneller

 

[Thomas Lindner]

Und hier noch eine grafische Darstellung meines (von Crono geklauten)

Code - Beispiels oben...

Edit, und wenn Du noch Rand haben willst fügst Du noch Zelllen hinzu oder arbeitest mit Abstandshaltern, entweder *&nbsp; (ohne *) oder mit blind.gifs (transparente Bilder)....

 

[Swordsman]

Re Tabelle

Ja genial , genau sowas habe ich die ganze Zeit gesucht.
Sauber Sauber!
Also das doch mal echt nen Beisp. absolute. Villeicht sollte man mein verursachtes Koas löschen oder editieren, und das echt mal als (search Beisp.) Kathegorie: Tabellen für alle zugänglich machen.
Also besser kann mans echt nicht mehr machen in Punkto Verständlichkeit.

 

[e1101]

warum nutzt ihr nicht einfach dreamweaver oder etwas anderes? da ist html/css doch ein kinderspiel und man kann sich bequem ums designen kümmern und muss nicht kramphfhaft alles tippen. natürlich sollte man trotzdem die grundlagen drauf haben um manchmal spezielle Änderungen vornehmen zu können die dreamweaver nicht drauf hat.

 

[Swordsman]

warum nutzt ihr nicht einfach dreamweaver oder etwas anderes? da ist html/css doch ein kinderspiel und man kann sich bequem ums designen kümmern und muss nicht kramphfhaft alles tippen. natürlich sollte man trotzdem die grundlagen drauf haben um manchmal spezielle Änderungen vornehmen zu können die dreamweaver nicht drauf hat.

Du hast es doch selbst schon erkannt. Wenn man mit der Materie nicht vertraut ist, kennt man sich auch nicht wirklich damit aus. Da kann man sich zwar auf einen wysiwyg_Editor verlassen. Jedoch wird man so nicht in der Lage sein, den Quellcode zu interpretieren geschweige denn zu perfektionieren.

 

[momoxp]

also ich muss sagen... ohne erfahrung/kenntnisse kommt man auch mit dreamweaver nicht klar!
und lernen konnte ich durch bücher und selfhtml (etc..) auch nicht :7
Ich habe alles was ich kann in scripten gelernt..
Einfach im Netz irgendwelche Scripts herunterladen.. quellcode anschauen, und googlen