Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo !
Ich habe mit Photoshop ein Bild erstellt und dieses mit Slices versehen. Das hat auch alles prima geklappt.
Wenn ich mir das Ergebnis im Browser anschaue, stimmt alles. Wenn ich aber nun den HTML Code in Wordpress in eine neue Seite kopiere, dann wird das Bild nicht richtig angezeigt, siehe hier.
Woran kann das bitte liegen ?
Habe leider keine Idee.
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
nun so wird der Code ja nicht von PS ausgegeben.....oder?
du hast ja Links eingefügt und bei den Links noch ein <br> angehängt
das sich dann alles verschiebt ist klar :wink:
und hast du alle Grafiken hochgeladen?
der Browser versucht ein "Abstandhalter.gif" zu laden, das wohl fehlt
Also das ist der Code den PS ausspuckt
<html>
<head>
<title>portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (portfolio.psd) -->
<table id="Tabelle_01" width="601" height="401" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img src="BrowserPreview_01.jpg" width="600" height="6" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="BrowserPreview_02.jpg" width="235" height="209" alt=""></td>
<td>
<img src="BrowserPreview_03.jpg" width="192" height="192" alt=""></td>
<td rowspan="3">
<img src="BrowserPreview_04.jpg" width="16" height="209" alt=""></td>
<td colspan="3" rowspan="2">
<a href="http://www.oliverfrey.de/?page_id=275">
<img src="portfolio_03.jpg" width="146" height="201" border="0" alt="NYC"></a></td>
<td rowspan="6">
<img src="BrowserPreview_06.jpg" width="11" height="394" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="1" height="192" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="BrowserPreview_07.jpg" width="192" height="17" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="BrowserPreview_08.jpg" width="19" height="8" alt=""></td>
<td rowspan="3">
<a href="http://www.oliverfrey.de/?page_id=275">
<img src="portfolio_06.jpg" width="127" height="183" border="0" alt="NYC"></a></td>
<td>
<img src="Abstandhalter.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="BrowserPreview_10.jpg" width="220" height="63" alt=""></td>
<td colspan="4" rowspan="2">
<a href="http://www.oliverfrey.de/?page_id=278">
<img src="portfolio_11.jpg" width="239" height="175" border="0" alt="Porträts"></a></td>
<td rowspan="3">
<img src="BrowserPreview_12.jpg" width="3" height="185" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="BrowserPreview_13.jpg" width="19" height="122" alt=""></td>
<td>
<a href="http://www.oliverfrey.de/?page_id=282">
<img src="portfolio_14.jpg" width="201" height="112" border="0" alt="Mini Challenge"></a></td>
<td>
<img src="Abstandhalter.gif" width="1" height="112" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="BrowserPreview_15.jpg" width="440" height="10" alt=""></td>
<td>
<img src="BrowserPreview_16.jpg" width="127" height="10" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td>
<img src="Abstandhalter.gif" width="19" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="201" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="192" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="16" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="16" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="3" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="127" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="11" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>Ich habe nur die ftp-Adressen der Bilder geändert und das ganze nochmal in eine extra Tabelle gepackt, damit es zentriert angezeigt wird auf meiner Seite.
Wenn ich das ganze in eine einfach HTML-Datei Packe und hochlade auf meinen Server, dann stimmt alles, siehe hier.
Das verstehe ich ja nicht ganz :neutral:
was für einen Sinn haben die Abstandhalter.gifs in dem Code
z.B.
[COLOR=#008080]<td>[/COLOR]
[COLOR=#800080]<img src=[COLOR=#0000ff]"Abstandhalter.gif"[/COLOR] width=[COLOR=#0000ff]"1"[/COLOR] height=[COLOR=#0000ff]"9"[/COLOR] alt=[COLOR=#0000ff]""[/COLOR]>[/COLOR][COLOR=#008080]</td>[/COLOR]
wenn man das über Firebug raus nimmt passt alles
und von diesen Abstandhalter.gifs, die es auf deinem Server nicht gibt, hast du jede Menge drin
Was muss ich denn da genau alles rausnehmen ? Habe gerade mal die Abstandshalter gelöscht, aber geändert hat sich nichts.
Hättest du vielleicht Zeit und Lust :wink:, mir das alles was raus soll, mal zu löschen ?
<head>
<meta http-equiv="Content-Language" content="de">
<style type="text/css">
.style1 {
border-collapse: collapse;
border-color: #c0c0c0;
border-width: 0;
}
</style>
</head>
<table style="width: 100%" cellpadding="0" align="center" class="style1">
<tr>
<td>
<table id="Tabelle_01" width="601" height="401" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="9">
<img src="bilder/portfolio_01.jpg" width="600" height="6" alt=""></td>
<td>
<img src="http://www.oliverfrey.de/wp-content/themes/photocrati-focus/images/Abstandhalter.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="bilder/portfolio_02.jpg" width="235" height="209" alt=""></td>
<td>
<img src="bilder/portfolio_03.jpg" width="192" height="192" alt=""></td>
<td rowspan="3">
<img src="bilder/portfolio_04.jpg" width="16" height="209" alt=""></td>
<td colspan="3" rowspan="2">
<a href="http://www.oliverfrey.de/?page_id=275">
<img src="bilder/portfolio_03-05.jpg" width="146" height="201" border="0" alt="NYC"></a></td>
<td rowspan="6">
<img src="bilder/portfolio_06.jpg" width="11" height="394" alt=""></td>
<td>
<img src="http://www.oliverfrey.de/wp-content/themes/photocrati-focus/images/Abstandhalter.gif" width="1" height="192" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="bilder/portfolio_07.jpg" width="192" height="17" alt=""></td>
<td>
<img src="http://www.oliverfrey.de/wp-content/themes/photocrati-focus/images/Abstandhalter.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="bilder/portfolio_08.jpg" width="19" height="8" alt=""></td>
<td rowspan="3">
<a href="http://www.oliverfrey.de/?page_id=275">
<img src="bilder/portfolio_06-09.jpg" width="127" height="183" border="0" alt="NYC"></a></td>
<td>
<img src="http://www.oliverfrey.de/wp-content/themes/photocrati-focus/images/Abstandhalter.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="bilder/portfolio_10.jpg" width="220" height="63" alt=""></td>
<td colspan="4" rowspan="2">
<a href="http://www.oliverfrey.de/?page_id=278">
<img src="bilder/portfolio_11.jpg" width="239" height="175" border="0" alt="Porträts"></a></td>
<td rowspan="3">
<img src="bilder/portfolio_12.jpg" width="3" height="185" alt=""></td>
<td>
<img src="http://www.oliverfrey.de/wp-content/themes/photocrati-focus/images/Abstandhalter.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="bilder/portfolio_13.jpg" width="19" height="122" alt=""></td>
<td>
<a href="http://www.oliverfrey.de/?page_id=282">
<img src="bilder/portfolio_14.jpg" width="201" height="112" border="0" alt="Mini Challenge"></a></td>
<td>
<img src="http://www.oliverfrey.de/wp-content/themes/photocrati-focus/images/Abstandhalter.gif" width="1" height="112" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="bilder/portfolio_15.jpg" width="440" height="10" alt=""></td>
<td>
<img src="bilder/portfolio_16.jpg" width="127" height="10" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td>
<img src="Abstandhalter.gif" width="19" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="201" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="192" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="16" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="16" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="3" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="127" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="11" height="1" alt=""></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>Hab jetzt mal alle Abstandhalter aus dem Bildteil entfernt und zwar die komplette Zeile.
<table style="width: 100%" cellpadding="0" align="center" class="style1">
<tr>
<td>
<table id="Tabelle_01" width="601" height="401" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="9">
<img src="bilder/portfolio_01.jpg" width="600" height="6" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="bilder/portfolio_02.jpg" width="235" height="209" alt=""></td>
<td>
<img src="bilder/portfolio_03.jpg" width="192" height="192" alt=""></td>
<td rowspan="3">
<img src="bilder/portfolio_04.jpg" width="16" height="209" alt=""></td>
<td colspan="3" rowspan="2">
<a href="http://www.oliverfrey.de/?page_id=275">
<img src="bilder/portfolio_03-05.jpg" width="146" height="201" border="0" alt="NYC"></a></td>
<td rowspan="6">
<img src="bilder/portfolio_06.jpg" width="11" height="394" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="bilder/portfolio_07.jpg" width="192" height="17" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="bilder/portfolio_08.jpg" width="19" height="8" alt=""></td>
<td rowspan="3">
<a href="http://www.oliverfrey.de/?page_id=275">
<img src="bilder/portfolio_06-09.jpg" width="127" height="183" border="0" alt="NYC"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="bilder/portfolio_10.jpg" width="220" height="63" alt=""></td>
<td colspan="4" rowspan="2">
<a href="http://www.oliverfrey.de/?page_id=278">
<img src="bilder/portfolio_11.jpg" width="239" height="175" border="0" alt="Porträts"></a></td>
<td rowspan="3">
<img src="bilder/portfolio_12.jpg" width="3" height="185" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="bilder/portfolio_13.jpg" width="19" height="122" alt=""></td>
<td>
<a href="http://www.oliverfrey.de/?page_id=282">
<img src="bilder/portfolio_14.jpg" width="201" height="112" border="0" alt="Mini Challenge"></a></td>
</tr>
<tr>
<td colspan="5">
<img src="bilder/portfolio_15.jpg" width="440" height="10" alt=""></td>
<td>
<img src="bilder/portfolio_16.jpg" width="127" height="10" alt=""></td>
</tr>
<tr>
<td>
<img src="Abstandhalter.gif" width="19" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="201" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="15" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="192" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="16" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="16" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="3" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="127" height="1" alt=""></td>
<td>
<img src="Abstandhalter.gif" width="11" height="1" alt=""></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
Für was die Unteren Abstandhalter sind, keine Ahnung.
sorgen wohl für Abstand :-D
Vielleicht unterläuft dir beim slicen ein Fehler!
Laut Firebug müsste es jetzt so passen.(siehe Bild im Anhang)
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!