Problem mit mit Html und erstellte Slices

Hitman_85 · 14.09.2013

Hallo zusammen,

ich hoffe es kann mir jemand weiterhelfen...

Mit PS CC habe ich eine Bilddatei mit slices versehen und daraus dann eine Html Seite erstellt. Soweit hat auch alles funktioniert.

Nun möchte ich den Html Code mit der App "Woobox" in Facebook einbinden. Auch das klappt ohne Problem, allerdings werden mir die in PS angelegten Slices als weiße Linien angezeigt.

Hat irgend jemand eine Idee warum? In der von PS erzeugten Datei ist dies nicht der Fall, erst wenn ich den Html Code in der App einbinde...

Edit:
Habe gelesen, dass es mit den "Abstandshaltern" zusammenhängt. Jeder versuch den ich in dem Zusammenhang versucht hatte, war allerdings ebenfalls ohne Erfolg.

Gruß
Hitman85

cythux · 14.09.2013

AW: Problem mit mit Html und erstellte Slices

Ohne den code von Dir zu sehen kann man nur schwer helfen

Hitman_85 · 14.09.2013

AW: Problem mit mit Html und erstellte Slices

Hier bitte:

PHP:

<html>
<head>
<title>Gewinnspiel 13.09.2013</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Gewinnspiel 13.09.2013.psd) -->
<table id="Tabelle_01" width="810" height="1188" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="7">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_01.jpg"  width="810" height="568" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_02.jpg"  width="77" height="619" alt=""></td>
        <td colspan="2">
            <a href="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Bild1.jpg" target="_blank">
                <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13092013_03.jpg"  width="320" height="264" border="0" alt=""></a></td>
        <td rowspan="2">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_04.jpg"  width="10" height="306" alt=""></td>
        <td colspan="2">
            <a href="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Bild2.jpg" target="_blank">
                <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13092013_05.jpg"  width="322" height="264" border="0" alt=""></a></td>
        <td rowspan="4">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_06.jpg"  width="81" height="619" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_07.jpg"  width="320" height="42" alt=""></td>
        <td colspan="2">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_08.jpg"  width="322" height="42" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_09.jpg"  width="169" height="313" alt=""></td>
        <td colspan="3">
            <a href="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Bild3.jpg" target="_blank">
                <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13092013_10.gif"  width="342" height="275" border="0" alt=""></a></td>
        <td rowspan="2">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_11.jpg"  width="141" height="313" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Gewinnspiel%20Zeppelin/Test4/Gewinnspiel-13_12.jpg"  width="342" height="38" alt=""></td>
    </tr>
    <tr>
        <td>
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Abstandhalter3.gif"  width="77" height="1" alt=""></td>
        <td>
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Abstandhalter3.gif"  width="169" height="1" alt=""></td>
        <td>
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Abstandhalter3.gif"  width="151" height="1" alt=""></td>
        <td>
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Abstandhalter3.gif"  width="10" height="1" alt=""></td>
        <td>
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Abstandhalter3.gif"  width="181" height="1" alt=""></td>
        <td>
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Abstandhalter3.gif"  width="141" height="1" alt=""></td>
        <td>
            <img  src="http://i467.photobucket.com/albums/rr32/Hitman_85/Abstandhalter3.gif"  width="81" height="1" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Wie gesagt, wenn ich die Html Datei im Browser öffne ist keine weiße Linie von den Slice sichtbar. Das ist genau der Punkt den ich nicht nachvollziehen kann, sollte der Html Code fehlerhaft sein.

cythux · 14.09.2013

AW: Problem mit mit Html und erstellte Slices

bitte den code in dem BBCode

Nebenbei ist dies der von Photoshop generierte Code, dieser ist nicht valide

da wird auch Facebook seine Probleme haben, auch mit der app iframe oder wie es heisst

Hitman_85 · 14.09.2013

AW: Problem mit mit Html und erstellte Slices

Habe aber schon ein paar mal einen von PS erstellten Html Code in Facebook eingebunden - bislang ohne Probleme. Die einzige Besonderheit sind diesmal die "Abstandshalter" die hatte ich bisher nicht...

Welches Programm eignet sich denn eher um Slice in einer Bild-/Htmldatei ein zu fügen?

cythux · 14.09.2013

AW: Problem mit mit Html und erstellte Slices

Ich slice nur noch das nötigste, fast nichts mehr eigentlich - trotzden das ich das Design mit Photoshop erstelle. Da ich zudem viel in Richtung Reponsives Webdesign arbeite nutze ich zudem sprites

habe jedoch ein interessantes Plugin für Dich funktioniert jedoch erst ab Photoshop CS6

Hitman_85 · 14.09.2013

AW: Problem mit mit Html und erstellte Slices

Danke werde ich mal testen....

Wenn man weiß wie´s geht gibts mit Sicherheit besser Lösungen so etwas um zu setzen...

Dazu müsste man Webdesigner auch gelernt haben.

Der Begriff "Reponsives Webdesign"ist mir vollkommen neu. Kannst du mal kurz beschreiben, wie du so etwas umsetzten würdest?

Die Umwandlung als HTML Code habe ich auch nur deshalb gemacht, weil ich mehrere Links im Bild plazieren wollte....

cythux · 14.09.2013

AW: Problem mit mit Html und erstellte Slices

Gelernt habe ich mehr Bildbearbeitungen mit Photoshop, den Rest Learning by doing und von Freunden auch bei gebracht bekommen - die in dem Bereich Tätig sind