Zellen verbinden, aber wie... - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Zellen verbinden, aber wie...

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Zellen verbinden, aber wie...

Pages: [1]

geschrieben von Simon am 03.05.2004 - 19:52

Hallo
Ich bins wieder mal, euer Kreisdenker...

Irgendwie werden heute meine Gedankenströme gestört

Ich möchte eine Tabelle, die wie im Anhang aussieht. Mein Quelltext:

-------------------------------
<table border="1" width="425" cellpadding="0" cellspacing="0">
<tr>
<td width="150">oben 1</td>
<td>oben2</td>
<td>oben3</td>
<td>oben4</td>
<td>oben5</td>
<td>oben6</td>
</tr>

<tr>
<td>links1</td>
<td colspan="4">links2</td>
<td>links3</td>
</tr>

<tr>
<td colspan="6">unten1</td>
</tr>
</table>
-----------------------------------------------
Problem: "Link2" soll nicht direkt unterhalb von "oben2" sein, sondern mehr links. Also, wie habe ichs probiert:

----------------------------------------------
<table border="1" width="425" cellpadding="0" cellspacing="0">
<tr>
<td width="150" colspan="2">oben 1</td>
<td>oben2</td>
<td>oben3</td>
<td>oben4</td>
<td>oben5</td>
<td>oben6</td>
</tr>

<tr>
<td>links1</td>
<td colspan="5">links2</td>
<td>links3</td>
</tr>

<tr>
<td colspan="7">unten1</td>
</tr>
</table>
------------------------------------
Nur funzt nicht richtig. Wie also krieg ich das so hin, wie ich es will???

Simon

geschrieben von René am 03.05.2004 - 20:20

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18:

<table border="1" cellpadding="0" cellspacing="0" width="425">
  <tr>
    <td width="28%" colspan="2">&nbsp;</td>
    <td width="14%">&nbsp;</td>
    <td width="14%">&nbsp;</td>
    <td width="14%">&nbsp;</td>
    <td width="15%">&nbsp;</td>
    <td width="15%">&nbsp;</td>
  </tr>
  <tr>
    <td width="14%">&nbsp;</td>
    <td width="71%" colspan="5">&nbsp;</td>
    <td width="15%">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="7">&nbsp;</td>
  </tr>
</table>

geschrieben von Simon am 03.05.2004 - 20:46

Aber was ist jetzt anders? Der einzige Unterschied, den ich sehe, ist zu unterst ein colspan 7 statt 6, und dass alle in % ist statt in PX. Wo aber liegt der unterschied?

Simon

geschrieben von René am 03.05.2004 - 21:36

	Zitat
	Original geschrieben von Simon am 03.05.2004 - 20:46 Der einzige Unterschied, den ich sehe, ist zu unterst ein colspan 7 statt 6, und dass alle in % ist statt in PX.

Im ersten <tr>...<tr> hast du 7 Zellen wo bei die erste Zelle = 2 Zellen Breit ist. Im zweiten sind es auch 7 dann müssen es im letzten ja logisch auch 7 sein.

Ob du nun % oder px nimmst ist auch wurscht hauptsache du rechnest richtig.

geschrieben von Shaddow am 03.05.2004 - 21:39

mal ne frage: kann sein, dass ich das dann falsch gelernt habe:
wenn cih 7 zellen in einer reihe habe und in der nächsten nur 6 angebe, dass wir die letzte bei mri automatuisch leer gelassen, also isses doch egal oder?

geschrieben von René am 03.05.2004 - 21:57

du kannst alles machen wie es am Ende dann aussieht ist eine andere Sache.

geschrieben von Danny am 04.05.2004 - 14:22

@shaddow besser ist es wenn du bei der 7. dan ein <td></td> machst sonst sieht nicht so aus wie du es beschrieben hast

geschrieben von Simon am 04.05.2004 - 17:59

Ich habs jetzt oben editiert. Aber es klappt bei mir immer noch nicht. Bei mir klappts nur mit %.

Ich post noch mol den Quellcode:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20:

<table border="1" width="425" cellpadding="0" cellspacing="0">
<tr>
<td width="250" colspan="2">oben 1</td>
<td width="70">oben2</td>
<td>oben3</td>
<td>oben4</td>
<td>oben5</td>
<td>oben6</td>
</tr>

<tr>
<td width="20">links1</td>
<td colspan="5" width="400">links2</td>
<td>links3</td>
</tr>

<tr>
<td colspan="7">unten1</td>
</tr>
</table>

Bei mir sind die zwei Zellen ca 1mm verschoben, weiter krieg ich sie nicht weg.

geschrieben von René am 04.05.2004 - 19:55

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33:

<table border="1" width="426" cellpadding="0" cellspacing="0">

  <tr>
    <td><img src="./leer.gif" border="0" width="98" height="1"></td>
    <td><img src="./leer.gif" border="0" width="98" height="1"></td>
    <td><img src="./leer.gif" border="0" width="70" height="1"></td>
    <td><img src="./leer.gif" border="0" width="40" height="1"></td>
    <td><img src="./leer.gif" border="0" width="40" height="1"></td>
    <td><img src="./leer.gif" border="0" width="40" height="1"></td>
    <td><img src="./leer.gif" border="0" width="40" height="1"></td>
  </tr>


  <tr>
    <td colspan="2">oben 1</td>
    <td>oben2</td>
    <td>oben3</td>
    <td>oben4</td>
    <td>oben5</td>
    <td>oben6</td>
  </tr>

  <tr>
    <td>links1</td>
    <td colspan="5">links2</td>
    <td>links3</td>
  </tr>

  <tr>
    <td colspan="7">unten1</td>
  </tr>

</table>

HTML-Quelltext

Zitat

HTML-Quelltext

HTML-Quelltext