✔ Problem mit Slices

[ps1k0]

Hi, erstmal vorweg ich bin mir nicht ganz sicher, ob das in den HTML-Thread gehört, weil vielleicht das Problem auch im HTML-Code liegt... aber da ich mit Slices gearbeitet habe und soweit glaube, dass mein HTML-Code korrekt ist, poste ich das ganze hier rein.

Also ich nehme an meiner Schule an einem Wahlpflichtkurs teil, der "Homepage" heißt. Nun haben wir den Auftrag bekommen uns ein Thema auszusuchen, über das wir dann eine Website kreieren sollen. Ich habe in Photoshop eine über die Band "KoRn" designt... Dann "gesliced" und am Ende als HTML gespeichert. Danach habe ich dann das

	<tr>
		<td colspan="5">
			<img src="style/korn_wpk_page_10.gif" width="385" height="394" alt=""></td>
		<td colspan="2">
			<img src="style/korn_wpk_page_11.gif" width="189" height="394" alt=""></td>
	</tr>

in

	<tr>
		<td colspan="5" background="style/korn_wpk_page_10.gif" width="385" height="394" alt=""></td>
		<td colspan="2" background="style/korn_wpk_page_11.gif" width="189" height="394" alt=""></td>
	</tr>

abgeändert. Jedoch wenn ich jetzt die Seite mit Inhalt fülle, dann werden die Tabellen auseinandergezogen und ich weiß einfach nicht warum.

Vielleicht kann mir da ja Jemand helfen....

Hier zwei Bilder:

Ohne Content: http://i14.tinypic.com/4u4aonp.gif

Mit Content (der Fehler): http://i13.tinypic.com/4ul3ns1.gif

Ciao,
ps1k0

 

[Markus Kolletzky]

Hallo,

Der Fehler wird wohl im HTML-Code liegen.
Deswegen verschieb ich den Thread mal, damit sich die Experten darauf stürzen können.

Gruß

 

[Maik]

Hi,

wenn du, wie auf dem Screenshot zu erkennen, eine "Zeichenkette" in die Tabellenzelle einfügst, die länger/breiter als die Zelle selber ist, und sie kein(e) Leerzeichen besitzt, dehnt der Browser die Zelle in der Breite aus, da er ja keinen Anhaltspunkt hat, wo er in dem "String" einen Zeilenumbruch vornehmen soll.

 

[ps1k0]

Hi,

wenn du, wie auf dem Screenshot zu erkennen, eine "Zeichenkette" in die Tabellenzelle einfügst, die länger/breiter als die Zelle selber ist, und sie kein(e) Leerzeichen besitzt, dehnt der Browser die Zelle in der Breite aus, da er ja keinen Anhaltspunkt hat, wo er in dem "String" einen Zeilenumbruch vornehmen soll.

Aha und wie kann ich das Problem beheben? Ich hab den Zellen auch schon deren Größen (in Pixeln) in Frontpage zugeordnet, sollte das nicht eigentlich helfen? Ich bin nicht so das Genie was HTML betrifft
Könntest du mir vielleicht eine Lösung nennen?

Ciao,
ps1k0

 

[Samy-Deluxe]

Ich würde dann vorschlagen, die Slices neu zu machen, so das dieser eine strich ein extra TD erhält und die lücken oben und unten ein background erhalten

 

[ps1k0]

Ich würde dann vorschlagen, die Slices neu zu machen, so das dieser eine strich ein extra TD erhält und die lücken oben und unten ein background erhalten

Axo, ja das probiere ich mit dem Strich mal aus...
Die beiden Lücken kommen übrigens nur von dem Screenshot

Ich schreib dann, ob es geklappt hat.

EDIT: Hat leider nicht ganz funktioniert... Denn anstatt, dass ein Umbruch gemacht wird, schiebt er jetzt einfach den Strich mit auf die rechte Seite... Gibt's noch einen anderen Weg?

Ciao,
ps1k0

 

[Samy-Deluxe]

Vielleicht hilft dir das http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space

 

[Maik]

Die white-space-Eigenschaft wird da nicht weiterhelfen, solange die im zweiten Screenshot gezeigte "XXL-Zeichenkette" kein(e) Leerzeichen besitzt.

Schau mal in dem Thread HTML Tabellenzelle Zeilenumbruch rein, da wird ein PHP-Scriptcode zum Erzwingen eines Zeilenumbruchs erwähnt.

 

[ps1k0]

Ich hab's herausgefunden und zwar stand die "Format-Einstellung" die ganze Zeit auf "Kein" und natürlich musste diese auf "Absatz" stehen, da er ja sonst keinen macht! Wie konnte ich das bloß übersehen? *andenkopfklatsch*

Und übrigens, dass für einen Absatz Leerzeichen im Satz enthalten sein müssen, das war mir gar nicht bewusst, das mit dem "aaaaaaaaa" war eigentlich immer nur ein Test, naja jetzt bin ich ja zufrieden

Trotzdem ein herzliches Dankeschön an euch!

Hier der Screeny :

http://i19.tinypic.com/61jtnqo.gif

Ciao,
ps1k0