Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Problem nach Slicen und bearbeiten inkl. weiterer Fragen“

B

benzol

Guest

Vielleicht könntest du auch einen Screenshot mit der geslicten psd posten? Fände ich einfacher. Den Code dazu hast du ja schon gepostet.
 

MainAngler

Excel (SVERWEIS...)

benzol schrieb:
Vielleicht könntest du auch einen Screenshot mit der geslicten psd posten? Fände ich einfacher. Den Code dazu hast du ja schon gepostet.
Ok, siehe unten.8)
Hab zwar gemerkt, dass diese noch nicht richtig gesliced ist (sieht man am Impressum- u. Gästebuch-Link), aber das kann ich dann ja noch ändern - soll jetzt mal nicht stören!:?

Ich will ja nur verstehen wie es funktioniert, mir also das Ganze dann mal als Html-Code nochmal ansehen, von daher kannst du auch wenn du möchtest da was eigenes auf die Schnelle machen, also nen 0815 Design, sclicen, Links und iFrame.
Ich versuch das dann mal in meiner Html-Datei zu übernehmen.
Hoffe ich kapier das dann eher. :)

Danke. :p
 
B

benzol

Guest

Den Iframe hab ich jetzt einfach mal in die von ImageReady erstellte Slicetabelle eingefügt. Ob und wie gut das funktioniert, kann ich dir aber nicht sagen, müßte ich auch erst selbst ausprobieren.
Versuch es einfach mal mit dem folgenden Code.

1. Datei:

<html>
<head>
<title>053-bearbeitet3-sliced</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">

<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
</td>
</tr>

<tr>
<td rowspan="9">
</td>
<td colspan="2">
</td>
<td rowspan="9">
<iframe width="619" frameborder="0" name="iframe">
<div>Ihr Browser kann leider keine Iframes anzeigen:
Sie können die eingebettete Seite aber auch hier erreichen: Home</div></iframe></td>
</tr>
<tr>

<td colspan="2">
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td rowspan="6">
</td>
</tr>
<tr>
<td>
</td>

</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>

<tr>
<td>
impressum.htm
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>


</body>
</html>

2. und 3. Datei, eine davon nennst du home.htm, die andere impressum.htm:

<html>
<head>
<title>iframe</title>
</head>
<body bgcolor="#FFFFFF" style="padding:0px; margin:0px">

</body>
</html>

Speicher alle 3 Dateien im selben Ordner.
 
B

benzol

Guest

Doch, so weit stimmt das schon.
Allerdings muß ich eingestehen, daß ich da noch was entscheidendes vergessen habe. :oops:
Folgende Änderung ist noch nötig:

1. Datei:

<html>
<head>
<title>053-bearbeitet3-sliced</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">

<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
</td>
</tr>

<tr>
<td rowspan="9">
</td>
<td colspan="2">
</td>
<td rowspan="9">
<iframe src="home.htm" width="619" frameborder="0" name="iframe">
<div>Ihr Browser kann leider keine Iframes anzeigen:
Sie können die eingebettete Seite aber auch hier erreichen: Home</div></iframe></td>
</tr>
<tr>

<td colspan="2">
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td rowspan="6">
</td>
</tr>
<tr>
<td>
</td>

</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>

<tr>
<td>
impressum.htm
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>


</body>
</html>
 
B

benzol

Guest

Nicht ganz, aber wir sind auf dem richtigen Weg. :) Ich hab ja am Anfang schon gesagt, daß ich diesen Frame-Kram nicht mag. :wink:

Hier noch die Änderungen:

<html>
<head>
<title>053-bearbeitet3-sliced</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">

<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
</td>
</tr>

<tr>
<td rowspan="9">
</td>
<td colspan="2">
</td>
<td rowspan="9" valign="top">
<iframe src="home.htm" width="619" height="428" frameborder="0" name="iframe">
<div>Ihr Browser kann leider keine Iframes anzeigen:
Sie können die eingebettete Seite aber auch hier erreichen: Home</div></iframe></td>
</tr>
<tr>

<td colspan="2">
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td rowspan="6">
</td>
</tr>
<tr>
<td>
</td>

</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>

<tr>
<td>
impressum.htm
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>


</body>
</html>
 

MainAngler

Excel (SVERWEIS...)

Also wenn der Scrollbalken oben ist, würds stimmen:


aber wenn er unten ist, eben nicht:


Nochmal was ich genau möchte:
Ich möchte ja nur, dass wenn jemand z.B. auf den Button Impressum klickt, er in dem rechten Layer die Daten sieht.
Warum sind da aber diese Scrollbalken? Evtl. stimmt die Höhe und Breite noch nicht?

Wie bekomm ich denn in die impressum.htm(l) die Impressums-Daten rein?
Sobald ich die impressum.htm(l) in FrontPage lade und auf den Layer klicke um dort mit Text zu arbeiten und abspeichere ist es zu verpixelt. :oops:
 
B

benzol

Guest

Die Scrollbalken ließen sich zwar auch unterdrücken, nur wäre das dann ebenfalls recht unschön, wenn der Inhalt über den Anzeigebereich hinausgeht und man keine Scrollbalken hat.
Daß dein Impressum mit dem Text so pixelig aussieht, dürfte daran liegen, daß Frontpage das als GIF oder evtl. auch als JPG mit stark verringerter Qualität abspeichert.
Sinnvoll wäre es allerdings, den Text nicht in die Bilddatei reinzuschreiben, sondern den rechten Layer als Hintergrund zu definieren und darüber den Text haben. Als Hintergrundbild kann man das Ding dann auch ganz einfach fixieren und beim Scrollen verschiebt sich nix mehr. Die Scrollbalken bedingen sich sozusagen selbst, da man genau so weit scrollen muß, wie die Scrollbalken Platz beanspruchen.

Da aber irgendein Nutzer einer Page auf Grund seiner Anzeigeeinstellungen immer gezwungen sein wird zu scrollen, halte ich es wie erwähnt für ungünstig, die Scrollbalken zu unterdrücken.

Deswegen möchte ich dir noch einmal empfehlen, auf die Lösung mit dem Iframe zu verzichten und es einfach bei der Tabelle zu belassen.
Dazu benötigst du fürs erste diese zwei Dateien:

index.htm

<html>
<head>
<title>053-bearbeitet3-sliced</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">

<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
</td>
</tr>

<tr>
<td rowspan="9">
</td>
<td colspan="2">
</td>
<td rowspan="9" valign="top">
</td>
</tr>
<tr>

<td colspan="2">
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td rowspan="6">
</td>
</tr>
<tr>
<td>
</td>

</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>

<tr>
<td>
impressum.htm
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>


</body>
</html>


impressum.htm

<html>
<head>
<title>053-bearbeitet3-sliced</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">

<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
</td>
</tr>

<tr>
<td rowspan="9">
</td>
<td colspan="2">
</td>
<td rowspan="9" valign="top" style="background:url(Bilder/053-bearbeitet3-sliced_04.jpg) no-repeat fixed;" ><div style="color:#FFFFFF; font-family:Arial,Verdana,sans-serif; padding-top:150px; padding-left:200px;">Testimpressum</div></td>
</tr>
<tr>

<td colspan="2">
</td>
</tr>
<tr>
<td>
index.htm</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td rowspan="6">
</td>
</tr>
<tr>
<td>
</td>

</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>

<tr>
<td>

</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>


</body>
</html>

Die Abstandswerte für den Text ('Testimpressum') müssen wahrscheinlich noch etwas angepaßt werden.
 

MainAngler

Excel (SVERWEIS...)

Ohja, das muss wohl alles erst noch angepasst werden. :)


Würde mich freuen wenn du es anpassen würdest und ich schau dann, wie es im Endeffekt aussieht. :wink:
Danke für die Geduld und für die Hilfe. :p
 
B

benzol

Guest

Ja stimmt, war vorhin etwas unter Zeitdruck.
Damit sollte es schon recht gut klappen:

index.htm

<html>
<head>
<title>053-bearbeitet3-sliced</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">

<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
</td>
</tr>

<tr>
<td rowspan="9">
</td>
<td colspan="2">
</td>
<td rowspan="9" valign="top">
</td>
</tr>
<tr>

<td colspan="2">
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td rowspan="6">
</td>
</tr>
<tr>
<td>
</td>

</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>

<tr>
<td>
impressum.htm</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>


</body>
</html>


impressum.htm

<html>
<head>
<title>053-bearbeitet3-sliced</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">

<table id="Tabelle_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">

<colgroup>
<col width="28">
<col width="61">
<col width="92">
<col width="619">
</colgroup>


<tr>
<td colspan="4">
</td>
</tr>

<tr>
<td rowspan="9">
</td>
<td colspan="2">
</td>
<td rowspan="9" valign="top" width="619" style="background:url(Bilder/053-bearbeitet3-sliced_04.jpg) no-repeat;" ><div style="color:#FFFFFF; font-family:Arial,Verdana,sans-serif; padding-top:150px; padding-left:200px;">Testimpressum</div></td>
</tr>
<tr>

<td colspan="2">
</td>
</tr>
<tr>
<td>
index.htm</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td rowspan="6">
</td>
</tr>
<tr>
<td>
</td>

</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>

<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>


</body>
</html>

Zu den Änderungen am Code kann ich dir dann gerne noch Erläuterungen geben.
 

MainAngler

Excel (SVERWEIS...)

Wow, jetzt passt es schon 100%tig. :p

Jetzt müsstest du mir anhand des Codes nur ein paar Sachen erklären. :wink:
Zum einen wenn ich über die index.htm(l) die Datei imressum.htm(l) aufrufe, wie ich dann die anderen Buttons auch noch verlinken kann, so dass wenn man also im Impressum ist, auch auf z.B. die Seite Bilder gelangen kann.
Wird da evtl. nur <a href="datei.zur.entsprechenden.html"> vor dem <img gesetzt?

Wie kann ich jetzt in den rechten Layer, in dem du Testimpressum geschrieben hast selber was reinschreiben ohne dass es beim speichern verpixelt?
Du hast da was mit Hintergrundbild gesagt, aber wenn ich die impressum.htm(l) in FrontPage geladen habe und schau ob ein Hintergrund vorhanden ist, also der Layer als Hintergrund, dann ist dies nicht der Fall. :cry:
Wie hast du das gelöst? :?:

Edit:
Ok, das mit dem Hintergrund hab ich jetzt im Quellcode nochmal geschaut, aber was bedeutet das alles?
style="background:url(Bilder/053-bearbeitet3-sliced_04.jpg) no-repeat;"><div
style="color:#FFFFFF; font-family:Arial,Verdana,sans-serif; padding-top:150px; padding-left:200px;">

Testimpressum</p>
</div>
 
B

benzol

Guest

Wird da evtl. nur <a href="datei.zur.entsprechenden.html"> vor dem <img> gesetzt?
Stimmt, vergessen darfst du nur nicht, nach dem <img> noch </a> einzufügen, damit der Browser weiß, daß nach dem Button der Link zu Ende ist.
Wichtig ist auch, daß du bei allen Bildern, die du als Buttons verwendest, innerhalb des img-Tags noch border="0" reinschreibst, um den Rahmen zu unterdrücken, den sie als Links sonst bekommen.

Wie kann ich jetzt in den rechten Layer, in dem du Testimpressum geschrieben hast selber was reinschreiben ohne dass es beim speichern verpixelt?

Dazu ersetzt du einfach an dieser Stelle das Wort 'Testimpressum' durch deinen Text:

<div
style="color:#FFFFFF; font-family:Arial,Verdana,sans-serif; padding-top:150px; padding-left:200px;">

Testimpressum</p>
</div>
Das

und </p> davor und danach kannst du entfernen, denn <div> bewirkt das gleiche und steht ja schon da.
Den Text habe ich per CSS formatiert, das sind die Sachen die bei style=" " drinstehen. color:#FFFFFF sorgt dafür, daß der Text weiß ist, font-family: legt die Schriftart fest und padding-top: sowie padding-left: legen den oberen und linken Innenabstand des Textes vom Rand deines Slice 4, den ich als Hintergrund eingesetzt habe, fest. Die beiden Pixelwerte, die hinter padding-top und padding-left stehen, kannst du noch so anpassen, daß der Text genau so positioniert wird, wie du es dir vorstellst.

Jetzt noch zu
style="background:url(Bilder/053-bearbeitet3-sliced_04.jpg) no-repeat;"
im td-Tag:
td ist eine Zelle (nicht Zeile) in der Tabelle, in diesem Fall die mit deinem Slice 4, in dem der Impressumstext erscheinen soll.
Für diese Zelle habe ich wiederum per CSS dein Bild aus Slice 4 als Hintergrund festgelegt.
Um es genauer zu beschreiben: Innerhalb style=" " kommen wie schon vorher im <div> wieder die CSS-Angaben. background: legt die Eigenschaften für den Hintergrund fest. Für ein Hintergrundbild braucht man url(Ordner/Dateiname.jpg), wobei in den Klammern der Pfad zum Bild steht. no-repeat gehört ebenfalls zu den background:-Eigenschaften und sorgt dafür, daß das Hintergrundbild nur einfach angezeigt wird und nicht nach rechts und/oder nach unten wiederholt wird, auch wenn der Inhalt der Tabellenzelle darüberhinausgeht.
 

MainAngler

Excel (SVERWEIS...)

Danke für deine Erklärung. :p

Ok, ich hab das nochmal überarbeiten müssen und hab nochmal gesliced, da z.b. der Button Impressum und Gästebuch nicht komplett waren.
Nun habe ich versucht anhand deiner Ausführungen selber zu versuchen, doch es läuft schief. :?
Wäre nett, wenn du es dir mal anschauen würdest und es für die neue Datei nochmal komplett ändern könntest. :roll:
Ich weiss, ich könnt mich selber in den Hintern beißen! :) *hat/bekommt schon Kopfschmerzen*
Sorry das ich dich nochmal in Anspruch nehmen möchte. :wink:

index.html:
<html>

<head>
<title>hp</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">


<table id="Tabelle_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
hp_01.jpg
</td>
<td>
</td>

</tr>
<tr>
<td colspan="2">
hp_02.jpg
</td>
<td colspan="2">
hp_03.jpg
</td>
<td>
</td>
</tr>
<tr>
<td> </td>
<td colspan="3" rowspan="4">
hp_05.jpg
</td>

<td>
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
</tr>
<tr>
<td>
hp_07.jpg
</td>
<td>
</td>

</tr>
<tr>
<td rowspan="2">
hp_08.jpg
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2" rowspan="6">
hp_09.jpg
</td>
<td rowspan="5">
hp_10.jpg
</td>
<td>
</td>

</tr>
<tr>
<td>
hp_11.jpg
</td>
<td>
</td>
</tr>
<tr>
<td>
hp_12.jpg
</td>
<td>
</td>
</tr>

<tr>
<td>
hp_13.jpg
</td>
<td>
</td>
</tr>
<tr>
<td rowspan="2">
hp_14.jpg
</td>
<td>
</td>
</tr>
<tr>

<td>
hp_15.jpg
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td></td>

</tr>
</table>

</body>
</html>
Diesmal ist hp_10.jpg der Layer, in welches das Impressum stehen soll. :oops:

Kannst du bitte nochmal die index.html so überarbeiten damit diese stimmt und ich noch eine home.html und impressum.html mit eben diesem hp_10.jpg und dem Impressuminhalt habe?

Was mir noch einfiel:
Wie muss ich es anstellen, damit ich in der index.html, im Layer hp_05.jpg was stehen hab (so in der Art wie deine gezeigte impressum.html)?
Wi stell ich es an, dass ich zudem noch im Layer hp_10.jpg ne Shoutbox rein bekommen (und das auch in der index.html)?
Für die Shoutbox dann dasselbe Verfahren nutzen wie in der impressum.html wo du Text hinzugefügt hast (wenn du es nochmal gezeigt hast)? :?:

Edit:
Hier nochmal ein Bild der geslicten Datei eben mit den einzelnen Slices. :p
 
B

benzol

Guest

Die ersten beiden Buttons hast du ja schon auf die richtige Weise zu Links gemacht. Ich hab jetzt wie gehabt hp_10.jpg als Hintergrundbild eingesetzt, die Breite von hp_10.jpg als Breite der Tabellenzelle festgelegt und dafür den img-Tag zu hp_10.jpg aus der Tabelle entfernt:

<html>

<head>
<title>hp</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">


<table id="Tabelle_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">


<tr>
<td colspan="4">
hp_01.jpg
</td>
<td>
</td>

</tr>
<tr>
<td colspan="2">
hp_02.jpg
</td>
<td colspan="2">
hp_03.jpg
</td>
<td>
</td>
</tr>
<tr>
<td> </td>
<td colspan="3" rowspan="4">
hp_05.jpg
</td>

<td>
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
</tr>
<tr>
<td>
hp_07.jpg
</td>
<td>
</td>

</tr>
<tr>
<td rowspan="2">
hp_08.jpg
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2" rowspan="6">
hp_09.jpg
</td>
<td rowspan="5" width="503" style="background:url(Bilder/hp_10.jpg) no-repeat;"></td>
<td>
</td>

</tr>
<tr>
<td>
hp_11.jpg
</td>
<td>
</td>
</tr>
<tr>
<td>
hp_12.jpg
</td>
<td>
</td>
</tr>

<tr>
<td>
hp_13.jpg
</td>
<td>
</td>
</tr>
<tr>
<td rowspan="2">
hp_14.jpg
</td>
<td>
</td>
</tr>
<tr>

<td>
hp_15.jpg
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td></td>

</tr>
</table>

</body>
</html>

Diese Datei kannst du für alles als Grundlage nehmen, für index.htm, impressum.htm und was sonst noch kommt, aus den restlichen Buttons mußt du natürlich noch Links machen. Hinter dem rot markierten kommt dann jeweils dein Inhalt, z.B. das Impressum.

Dann noch zu deinen Fragen:
Für die Shoutbox dann dasselbe Verfahren nutzen wie in der impressum.html wo du Text hinzugefügt hast (wenn du es nochmal gezeigt hast)?
Richtig, funktioniert im Prinzip genauso.
Wie muss ich es anstellen, damit ich in der index.html, im Layer hp_05.jpg was stehen hab (so in der Art wie deine gezeigte impressum.html)?
Funktioniert ebenfalls so. Für die Tabellenzelle

<td colspan="3" rowspan="4">
b][b][color=orange]
</td>


nimmst du die Breite von hp_05.jpg.
hp_05.jpg selbst verwendest du als sich nicht wiederholendes Hintergrundbild dieser Zelle. Den img-Tag entfernst du und vor </td> kommt wieder das was reinsoll.
Also so:

<td colspan="3" rowspan="4" width="680" style="background:url(Bilder/hp_05.jpg) no-repeat;">das was reinsoll</td>
 

MainAngler

Excel (SVERWEIS...)

Aaaaalllsoooo, ich hab jetzt deinen überarbeiteten Code verwendet und diesen einmal für meine index.html und einmal für meine impressum.html verwendet - jeweils natürlich zum Teil angepasst, doch leider passt der Text in der impressum.html nicht ganz:

Der Text soll aber bitte weiter oben beginnen. :wink:
Der Code dazu sieht so aus:
<td rowspan="5" width="503" style="background:url(Bilder/hp_10.jpg) no-repeat;"><div
style="color:#FFFFFF; font-family:Arial,Verdana,sans-serif; padding-top:20px; padding-left:20px;">

Test,
da soll das Impressum stehen</p>
</div></td>
<td>
</td>

In meine index.html wollte ich ja in den Layer hp_05.jpg noch was drin stehen haben, doch das Ganze sieht so aus:

Der Code:
<td colspan="3" rowspan="4" width="680"
style="background:url(Bilder/hp_05.jpg) no-repeat;">das was reinsoll, steht nur zu weit
links im Layer hp_05.jpg</td>
<td>
</td>
Wie bekomm ich zusätzlich in diese html-Datei noch meinen Shoutbox-Code?:oops:

Ich brauch dann noch eine bilder.html (Grundlagencode habe ich ja oben) in dieser soll dann eine Bildergallery integriert wenn, wenn möglich also diese Gallery per iframe in den Layer hp_10.jpg einbinden?:roll:

Soweit ich dich verstanden habe brauche ich ja auch den Layer nicht mehr in einer extra html-datei wie vorher haben, richtig?
 
B

benzol

Guest

Der Text soll aber bitte weiter oben beginnen. :wink:

Dazu mußt du noch die vertikale Ausrichtung in der betreffenden Tabellenzelle ändern. Standardmäßig ist diese mittig. Um die Ausrichtung zu ändern, brauchst du für den <td>-Tag das Attribut valign (für vertical align).
Um also den Zelleninhalt nach oben auszurichten kommt da noch folgende Änderung rein:

<td rowspan="5" width="503" valign="top" style="background:url(Bilder/hp_10.jpg) no-repeat;">


In meine index.html wollte ich ja in den Layer hp_05.jpg noch was drin stehen haben, doch das Ganze sieht so aus:

Dafür setzt du wie schon beim Impressum den Text innerhalb eines per CSS formatierten Absatzes, also so:

<div style="color:#FFFFFF; font-family:Arial,Verdana,sans-serif; padding-top:20px; padding-left:20px;">TEXT</div>

Die Pixel-Abstandswerte für oben und links bei padding-top und padding-left paßt du wieder an, bis der Text an der richtigen Position ist.

Wie bekomm ich zusätzlich in diese html-Datei noch meinen Shoutbox-Code?

Deinen Shoutbox-Code fügst du erstmal wie gehabt in die gewünschte Tabellenzelle ein, nachdem du davor das zu der Zelle gehörige Bild bereits wieder auf die bekannte Weise als Hintergrund eingesetzt hast.

also diese Gallery per iframe in den Layer hp_10.jpg einbinden?
Soweit ich dich verstanden habe brauche ich ja auch den Layer nicht mehr in einer extra html-datei wie vorher haben, richtig?

Für einen Iframe bräuchtest du auf jeden Fall eine eigene HTML-Datei, ich empfehle dir aber eine andere Lösung.
Da die Galerie ja innerhalb von hp_10.jpg bleiben soll, erstellst du in deiner bilder.html in der Tabellenzelle, die hp_10.jpg als Hintergrund hat, einen Absatz <div></div>, den du per CSS so formatierst:

<div style="width:503px; height:269px; overflow:scroll;">Bildergalerie Inhalt</div>

Als Breite für den Absatz nimmst du die Breite der Tabellenzelle=Breite des Hintergrundbilds (hp_10.jpg). Als Höhe des Absatzes nimmst du ebenfalls die Höhe des Hintergrundbilds hp_10.jpg. Schließlich sorgst du noch dafür, daß der Inhalt, falls er größer ist als hp_10.jpg, abgeschnitten wird und Scrolleisten erscheinen.
 

MainAngler

Excel (SVERWEIS...)

Sag mal ich bin glaub ich zu blöd den Shoutbox-Code richtig einzusetzen. :(
<td rowspan="5" width="503" style="background:url(Bilder/hp_10.jpg) no-repeat;"> <!--webbot
bot="HTMLMarkup" startspan --><IFRAME src="http://www.url.zur.shoutbox" width="600" height="300" frameborder="0" scrolling="auto"><a
href="javascript:void(0);"
onClick="window.open('http://www.url.zur.shoutbox', 'shoutbox', 'width=600,height=300');">Shoutbox
zeigen</a></IFRAME><!--webbot bot="HTMLMarkup" endspan
--> </td>
<td>
</td>
So sieht es aus, wenn die Url zur Shoutbox mit drin steht:


Es ist mir schon alles peinlich genug! :oops:
Bitte um Hilfe.
Bin ich froh wenn alles fertig ist. :wink:

Das mit der Bildergallery muss ich dann auch mal testen. :roll:
Die Bildergallery hat aber auch ne index.html wie geht denn das nu wieder?
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.188
Beiträge
2.582.070
Mitglieder
67.257
Neuestes Mitglied
Can Ergin
Oben