Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Wieder COLSPAN
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Wieder COLSPAN

Pages: [1]

geschrieben von Shaddow am 28.06.2004 - 22:41
hi. Hab mal wieder ne Frage:
Also ich bastle grad an nem neuen Design:
http://www.schilliphant.de/templates/5/index.html

Also Ihr seht ja, dass in dem Blauen ein Stückchen fehlt. Hier ist der Code:
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: 
34: 
<html>
<head>
</head>
<body>

<table align='center' border=0 cellpadding=0 cellspacing=0 style='width:800px; height:400px; border-color:b9b9b9; border-width:1px; border-style:solid;'>
  <tr>
    <td style='width:189px; height:40px; background-image:url(kat/jpg/kat1-1.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat1-2.jpg)' colspan=4>&nbsp;</td>
  </tr>
  <tr>
    <td style='height:105px; background-image:url(kat/jpg/kat2-1.jpg)'>&nbsp;</td><td></td>
    <td style='width:412; background-image:url(kat/jpg/kat2-2.jpg)' colspan=1>&nbsp;</td>
    <td style='width:137px; background-image:url(kat/jpg/kat2-3.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat2-4.jpg)'>&nbsp;</td>
  </tr>
  <tr>
    <td style='height:40px; background-image:url(kat/jpg/kat3-1.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat3-2.jpg)' colspan=4>&nbsp;</td>
  </tr>
  <tr>
    <td style='height:24px; background-image:url(kat/jpg/kat4-1.jpg)'>&nbsp;</td>
    <td style='width:27px; background-image:url(kat/jpg/kat4-2.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
  </tr>
  <tr>
    <td style='background-image:url(kat/jpg/kat5-1.jpg)'>&nbsp;</td>
    <td style='width:27px; background-image:url(kat/jpg/kat4-2.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
  </tr>
</table>

</body>
</html>


Was ich rot markiert habe, ist die STelle, wo meiner Meinung nach colspan=2 stehen müsste und das <td></td>, was ich nur provisorisch hingemacht habe müsste auch weg, damit er das komplett ausfüllt, aber wenn ich das mache, zerreist er mir das komplette design!
Hat da wer ne Idee?

EDIT:
Ein kliner Zusatzt noch, wenn ich die Tabelle in der ersten Zeile mit allen Maßen vorvormatiere, dann gehts, aber ich möchte keine leere Zeile oben haben, ich habe also:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
<tr>
    <td style='width:189px;'></td>
    <td style='width:27px;'></td>
    <td style='width:385px;'></td>
    <td style='width:137px;'></td>
    <td style='width:62px;'></td>
  </tr>

gleich unter den <table>-Tag geschrieben, dann gehts, aber das möchte ich eigentlich nicht.

geschrieben von Jan am 29.06.2004 - 13:06
Hallo!

Meinst du das so?

<html>
<head>
</head>
<body>

<table align='center' border=0 cellpadding=0 cellspacing=0 style='width:800px; height:400px; border-color:b9b9b9; border-width:1px; border-style:solid;'>
<tr>
<td style='width:189px; height:40px; background-image:url(kat/jpg/kat1-1.jpg)'>&nbsp;</td>
<td style='background-image:url(kat/jpg/kat1-2.jpg)' colspan=4>&nbsp;</td>
</tr>
<tr>
<td style='height:105px; background-image:url(kat/jpg/kat2-1.jpg)'>&nbsp;</td>
<td style='width:412; background-image:url(kat/jpg/kat2-2.jpg)' colspan=2>&nbsp;</td>
<td style='width:137px; background-image:url(kat/jpg/kat2-3.jpg)'>&nbsp;</td>
<td style='background-image:url(kat/jpg/kat2-4.jpg)'>&nbsp;</td>
</tr>
<tr>
<td style='height:40px; background-image:url(kat/jpg/kat3-1.jpg)'>&nbsp;</td>
<td style='background-image:url(kat/jpg/kat3-2.jpg)' colspan=4>&nbsp;</td>
</tr>
<tr>
<td style='height:24px; background-image:url(kat/jpg/kat4-1.jpg)'>&nbsp;</td>
<td style='width:27px; background-image:url(kat/jpg/kat4-2.jpg)'>&nbsp;</td>
<td style='background-image:url(kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
</tr>
<tr>
<td style='background-image:url(kat/jpg/kat5-1.jpg)'>&nbsp;</td>
<td style='width:27px; background-image:url(kat/jpg/kat4-2.jpg)'>&nbsp;</td>
<td style='background-image:url(kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
</tr>
</table>

</body>
</html>

Gruß
Jan

geschrieben von Shaddow am 29.06.2004 - 15:05
Nein das hatte ich selber schon längst probiert. SO zerreist er das Design vollständig.
Also wnen ich das oben vordefiere und height in dieser zeile auf 1 setzte, dann sieht man es FAST nicht mehr, aber eben nur fast, deswegen wärd mir lieber ohne diese Zeile auszukommen.

geschrieben von Cluster am 29.06.2004 - 15:41
Ich habe Deine Grafikpfade mal absolut gemacht, um mir ein besseres Bild zu machen, ok?

Hast Du es schon mal so probiert:

<html>
<head>
</head>
<body>

<table align='center' border=0 cellpadding=0 cellspacing=0 style='width:800px; height:400px; border-color:b9b9b9; border-width:1px; border-style:solid;'>
<tr>
<td style='width:189px; height:40px; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat1-1.jpg)'>&nbsp;</td>
<td style='background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat1-2.jpg)' colspan=3>&nbsp;</td>
</tr>
<tr>
<td style='height:105px; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat2-1.jpg)'>&nbsp;</td>
<td style='width:412; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat2-2.jpg)'>&nbsp;</td>
<td style='width:137px; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat2-3.jpg)'>&nbsp;</td>
<td style='background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat2-4.jpg)'>&nbsp;</td>
</tr>
<tr>
<td style='height:40px; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat3-1.jpg)'>&nbsp;</td>
<td style='background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat3-2.jpg)' colspan=3>&nbsp;</td>
</tr>
<tr>
<td style='height:24px; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat4-1.jpg)'>&nbsp;</td>
<td style='width:27px; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat4-2.jpg)'>&nbsp;</td>
<td style='background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
</tr>
<tr>
<td style='background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat5-1.jpg)'>&nbsp;</td>
<td style='width:27px; background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat4-2.jpg)'>&nbsp;</td>
<td style='background-image:url(http://www.schilliphant.de/templates/5/kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
</tr>
</table>

</body>
</html>

Allerdings sieht dann auf einmal der untere Teil eigenartig aus - weiß leider selber noch nicht genau woran es liegt.

Eines noch: "Inovation" schreibt man(n) mit zwei "n" also "Innovation" .

geschrieben von Shaddow am 29.06.2004 - 15:50
wegen innovation: danke is mir gar nicht aufgefallen ;)
wegen absolute angaben: es sind doch alles absolute angaben, immer mit px, relativ währe doch mit %

Du hast recht das sieht wirklich ein bisschen komisch aus, am besten lass ichs jetzt so:
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: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
<html>
<head>
</head>
<body>

<table align='center' border=0 cellpadding=0 cellspacing=0 style='width:800px; height:500px; border-color:b9b9b9; border-width:1px; border-style:solid;'>
  <tr>
    <td style='width:189px; height:1px'></td>
    <td style='width:17px;'></td>
    <td style='width:395px;'></td>
    <td style='width:137px;'></td>
    <td style='width:62px;'></td>
  </tr>
  <tr>
    <td style='width:189px; height:40px; background-image:url(kat/jpg/kat1-1.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat1-2.jpg)' colspan=4>&nbsp;</td>
  </tr>
  <tr>
    <td style='height:105px; background-image:url(kat/jpg/kat2-1.jpg)'>&nbsp;</td>
    <td style='width:412; background-image:url(kat/jpg/kat2-2.jpg)' colspan=2>&nbsp;</td>
    <td style='width:137px; background-image:url(kat/jpg/kat2-3.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat2-4.jpg)'>&nbsp;</td>
  </tr>
  <tr>
    <td style='height:40px; background-image:url(kat/jpg/kat3-1.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat3-2.jpg)' colspan=4>&nbsp;</td>
  </tr>
  <tr>
    <td style='height:24px; background-image:url(kat/jpg/kat4-1.jpg)'>&nbsp;</td>
    <td style='width:17px; background-image:url(kat/jpg/kat4-2.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
  </tr>
  <tr>
    <td style='background-image:url(kat/jpg/kat5-1.jpg)'>&nbsp;</td>
    <td style='width:17px; background-image:url(kat/jpg/kat4-2.jpg)'>&nbsp;</td>
    <td style='background-image:url(kat/jpg/kat4-3.jpg)' colspan=3>&nbsp;</td>
  </tr>
</table>

</body>
</html>

geschrieben von Cluster am 29.06.2004 - 19:34
Ich meinte mit den absoluten Angaben nicht die Größenangaben, sondern die Pfadangaben zu Deinen Grafiken (http://...), so wie ich es halt auch geschrieben habe.

Einen kleinen (nicht ernst gemeinten) Tip habe ich für Dich: wenn man(n) liest sollte man(n) auch die Augen öffnen .

Nicht bös' sein .

geschrieben von Sicaine am 29.06.2004 - 20:01
Jo stimmt so schreibt mans:

./kat/jpg/kat2-1.jpg

geschrieben von Shaddow am 29.06.2004 - 20:12
was is so schlimm daran, dass ich ./ nicht mitschreibe?

geschrieben von Cluster am 29.06.2004 - 20:58
Gar nichts ist daran schlimm, es funktioniert auch auf Deine Weise.

Ich z.B. setze ./ auch nicht davor.

geschrieben von Sicaine am 29.06.2004 - 22:27
ganz einfach weil . das aktuelle verzeichnis is. Und das schreibt man halt so :P

geschrieben von starleos am 29.06.2004 - 22:34
Hat sich das Thema jetzt gelöst oder nicht, oder wie?

geschrieben von Shaddow am 29.06.2004 - 23:08
Nun zwar hab ichs jetzt nicht so gemacht, wie ich es wollte, aber wenn es nicht anders geht bleibt mir wohl keine andere Wahl, als meine anfängliche Idee beizubehalten.

geschrieben von starleos am 30.06.2004 - 11:10
ok dann.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.