Forum
Tipps
News
Menu-Icon

Homepage Grundgerüst Problem!

Hallo,

habe mir mit Photoshop erstmal ein Grundgerüst für meine Homepage erstellt.

Hier erstmal die Index.html (so wie es aussehen sollte):


wenn ich jetzt allerdings einen Link verfolge z.b. Freunde & Bekannte
dann sieht das völlig uneben aus wie zerschnitten:


Woran liegt das nur, wie wird das genauso angezeigt wie auf der Index Seite! Ich habe das ganze nur mit PS, Code mäßig nur von PS! Habe ich eventuell ein Fehler beim Slicen gemacht?

Mein Dank im vorraus! 


Antworten zu Homepage Grundgerüst Problem!:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Naja, wie du schon richtig festgestellt hast... wirds wohl am Code liegen - und da helfen uns die schicken Bildchen für die Fehlersuche herzlich wenig. ;)

Mario 8)

Aber ich habe doch noch gar keinen Code eingegeben.

Das ist doch alles von Photoshop:

Code:
<html>
<head>
<title>Homepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Chris">
</head>
<body bgcolor="#FFFFFF" leftmargin="0"  topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Homepage.psd) -->
<table id="Tabelle_01" width="801" height="777" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="7">
         <a href="index.html">
            <img src="Bilder/Homepage_01.png" width="800" height="143" border="0" alt=""></a></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="143" alt=""></td>
   </tr>
   <tr>
      <td colspan="7">
         <img src="Bilder/index_02.gif" width="800" height="3" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="3" alt=""></td>
   </tr>
   <tr>
      <td colspan="2" rowspan="2">
         <img src="Bilder/index_03.gif" width="120" height="37" alt=""></td>
      <td rowspan="3">
         <a href="index.html">
            <img src="Bilder/Homepage_04.png" width="91" height="38" border="0" alt=""></a></td>
      <td rowspan="2">
         <a href="Freunde.html">
            <img src="Bilder/Homepage_05.png" width="244" height="37" border="0" alt=""></a></td>
      <td>
         <a href="links.html">
            <img src="Bilder/Homepage_06.png" width="90" height="34" border="0" alt=""></a></td>
      <td>
         <a href="Sonstiges.html">
            <img src="Bilder/Homepage_07.png" width="134" height="34" border="0" alt=""></a></td>
      <td>
         <img src="Bilder/index_08.gif" width="121" height="34" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
   </tr>
   <tr>
      <td colspan="2" rowspan="2">
         <img src="Bilder/index_09.gif" width="224" height="4" alt=""></td>
      <td rowspan="5">
         <img src="Bilder/index_10.gif" width="121" height="597" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="3" alt=""></td>
   </tr>
   <tr>
      <td rowspan="4">
         <img src="Bilder/index_11.png" width="119" height="594" alt=""></td>
      <td rowspan="4">
         <img src="Bilder/index_12.gif" width="1" height="594" alt=""></td>
      <td>
         <img src="Bilder/index_13.gif" width="244" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
   </tr>
   <tr>
      <td colspan="4">
         <img src="Bilder/index_14.png" width="559" height="64" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="64" alt=""></td>
   </tr>
   <tr>
      <td colspan="4">
         <img src="Bilder/index_15.png" width="559" height="499" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="499" alt=""></td>
   </tr>
   <tr>
      <td colspan="4">
         <img src="Bilder/index_16.png" width="559" height="30" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="30" alt=""></td>
   </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Das müsst doch eigentlich so funktionieren, sehe dort keinen Fehler!

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

"zerlegt" Photoshop das Bild selbst in die Einzelbilder? Vielleicht ist das was schief gegangen... Schau die mal die Größe (also die Maße) der einzelnen Bilder an. Ist die Seite vielleicht online, wo man sich das anschauen kann?

Mario 8)

online ist Sie zwar leer wegen dem Fehler aber Online  :-\

http://christopher-at-home.de

Edit: Die Maße sollten eigentlich soweit stimmen!

« Letzte Änderung: 11.05.08, 19:42:30 von Bully »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,
hast du da noch zusätzlich was "rumgefummelt"? ;D Jedenfalls irgendwas muss passiert sein, weil auf allen Seiten wo das Menü dann so verschoben ist steht im Gegensatz zu der Startseite (die ja funktioniert) VOR dem <body>-Tag noch ein <div> der da ja nun überhaupt nix zu suchen hat. Der <div>-Tag geht wie gesagt vor dem <body> auf aber im <body> wird er geschlossen. Und diese beiden Tags finden sich eben nicht auf der Startseite, ich nehme an, das führt dann zu diesen netten Verschiebungen. Nimm' sie einfach mal raus und guck' was passiert.

Mario 8)

Ja stimmt hatte ich testweise gemacht!

Aber auch ohne dieses div element (das jetzt wieder draußen ist) verschiebt sich das ganze so!

Edit: Das kommt mir langsam spanisch weil die Startseite wird ja korrekt dargestellt ???

Edit2: Hab es jetzt hinbekommen hatte wohl falsch gesliced   ;D
Hab jetzt einfach die vier Seiten nochmals gesliced und siehe da jetzt kann ich weiter dran arbeiten!  :)


P.S.: Ja die div Elemente vor dem body tag waren doof ist jetzt auch gefixt! 

Danke für die Hilfe Mario!

« Letzte Änderung: 12.05.08, 02:54:55 von Bully »

« DropDown Menü für HTML mit VerlinkungSignaturenerstellung »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Dead Link
Als Dead Link, also einen toten Link, bezeichnet man eine Verlinkung oder Verknüpfung, die ins Leere führt. Der Link bezieht sich auf einen Zielpunkt, der nicht...

Deep Link
Die Begriffe Surface Link und Deep Link (in Deutsch: Oberflächenverknüpfung und tiefe Verknüpfung) sind Begriffe aus dem Webmaster-Bereich und bezeichnen v...

Hyperlink
Ein Hyperlink, kurz Link, ist eine Verknüpfung oder ein elektronischer Verweis in Hypertext-Systemen, die es ermöglicht innerhalb eines Hypertextes einen Verwei...