Hi,
was muss ich tun, damit, wenn ich einen der hyperlinks meiner Hp in der Navi anklicke, sich das html-Dokument im content-Bereich der Seite öffnen?
Hab grad keine Ahnung, welche Methode die einfachste ist, aber trotz allem was taugt.
Wäre ein iframe evtl ne Lösung? Hab darüber was bei selfhtml.net gelesen, aber wirklich verstanden hab ich’s nicht… wie würde man sowas am besten einbinden?
Wie gesagt… der Rest der Seite soll erhalten bleiben, die Änderungen sollen nur im content-Bereich sichtbar sein…
http://www.hestamyndir.de/nocheintest.html
Ganz ähnlich wie auf dieser Seite: http://by-ashy.dog-shots.ch/swiss_paws/start.html
Der Quelltext ist aber iwie leicht verwirrend… g
LG
Maxi
26. Dezember 2006 um 19:32
2
Stimmt, leicht verwirrend…
Also, da wird auf jeden fall ein I-Frame verwendet, aber für was :?:
Aber ich würde so was was du vorhast auch mit nem I-Frame machen…
Weiss nicht.
Kann man so’n iframe denn in nen div-container packen? überfordert :mrgreen:
Wenn ja, wie?
Oder hat jmd. nen besseren Vorschlag, der auch von nem nerd wie mir umzusetzen ist!?
leechen
26. Dezember 2006 um 23:46
4
hoffe mal das ist das was du brauchst
ich würd n iframe verwenden
das i frame kannste mit nem div container ausrichten code dann wie folgt aussehen
<div style="position:absolute;left:000px;top:000px;"><iframe name="inhalt" src="home.html"></frame></div>
die links müssen dann wie folgt aussehen
<a href="news.html" target="inhalt"> Link </a>
target muss gleich lauten wie der name des i frames
Maxi
27. Dezember 2006 um 06:45
5
Muss der Code nicht eher so heißen:
<a href="news.html" target="inhalt"> Link </a>
In deinem Waren die Anführungszeichen um den Link falsch gesetzt.
Hmm. Also weiss ja nicht, ob ich das alles richtig eingefügt hab… aber der code verstümmelt meine Seite auf’s allerübelste… :lol:
Ich hab das jetzt einfach mal anstelle des div’s (id=„content“) gesetzt. Das Ergebnis war… naja, nicht sehr überzeugend. Kann aber auch sehr gut sein, dass ich was falsch gemacht hab… :mrgreen:
HILFE!!! argh :lol: :mrgreen:
leechen
27. Dezember 2006 um 11:40
7
ja sorry hab ich eben auch gesehen…
leechen
27. Dezember 2006 um 11:41
8
Hmm. Also weiss ja nicht, ob ich das alles richtig eingefügt hab… aber der code verstümmelt meine Seite auf’s allerübelste… :lol:
Ich hab das jetzt einfach mal anstelle des div’s (id=„content“) gesetzt. Das Ergebnis war… naja, nicht sehr überzeugend. Kann aber auch sehr gut sein, dass ich was falsch gemacht hab… :mrgreen:
HILFE!!! argh :lol: :mrgreen:
ja du muss dann halt einige sachen anpassen…ne xD
zB die Breite und Höhe des Iframes muss angepasst werden…
Ja, aber das Ding pappt irgendwie oben links am Bildschirmrand g Also nicht wirklich da, wo es sitzen sollte… :mrgreen:
leechen
27. Dezember 2006 um 14:25
10
dann les dir ma durch was ich da reingeschrieben hab 000px bei beiden angaben…heißt soviel wie 0 die pixel musste selbst anpassen xD
Ja, trotzdem schaut’s halt irgendwie seltsam aus g
Schau mal, hab jetzt ein paar Werte durchprobiert + den code dann so eingefügt…
[code]
body
{
font-family:Verdana;
font-size:14px;
background-color:#444444;
text-align:center;
}
a:link, a:visited, a:active, a:hover
{
text-decoration:underline;
font-weight:bold;
color:#DFDFDF;
font-size:14px;
}
a:active, a:hover
{
color:#FFFFFF;
}
/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{
color:#DFDFDF;
text-decoration:none;
}
a.menu:active, a.menu:hover
{
color:#FF6600;
}
/* Die Hyperlinks im Footer */
a.footer:link, a.footer:visited
{
color:#DFDFDF;
text-decoration:none;
}
a.footer:active, a.footer:hover
{
color:#FF6600;
}
/* Die Headzeile */
#head {
}
/* Das Menü */
#menu {
color:#FFFFFF;
background-color:#444444;
text-align:center;
padding:10px 0px;
}
/* Der Inhalt */
#content {
background-color:#333333;
border:solid 1px #222222;
padding:30px;
color:#DFDFDF;
}
/* Formdaten */
#footer {
color:#FFFFFF;
background-color:#444444;
text-align:center;
padding:10px 0px;
}
/* Der Inhalt */
#content {
background-color:#333333;
border:solid 1px #222222;
padding:30px;
color:#DFDFDF;
}
//-->
leechen
27. Dezember 2006 um 16:45
12
versuch ma folgenden code für das iframe
<iframe height="000px" width="000px" name="inhalt" src="home.html"></frame>
damit kannste dann breite und höhedes frames „einstellen“…
musst das diev indem das i frame ist halt genauer asrichten…
aber das mit dem footer is mirn rätsel warum das nich klappt könntestden footer auch innen div packen…
Der footer ist ja shcon in nem div, das untere menü ebenso :? :lol
Jetzt würd’s mit den beiden anderen Parametern halt so aussehen:
nochn screenshot
Aber keine Spur von menü oder footer… :lol:
Maxi
27. Dezember 2006 um 17:19
14
„Diese Seite kann nicht angezeigt werden“
richtig verlinkt?
Hab das iframe erstmal testweise eingefügt und nicht irgendwie verlinkt oder so. Also bitte nicht irritieren lassen!
leechen
27. Dezember 2006 um 17:36
16
dann richte das footer div ma genau so aus wie das mit dem i frame drin ^^ aber immerhin schon etwas xD
hmm, das bringt’s auch nicht wirklich oO
Juhu, es klappt!!
Hab das ganze jetzt mal in ne Tabelle gepackt… g
so schauts aus =)
Ja, danke nochmal für alles, war ja echt ne Tortour :lol:
Ich hoff echt, dass jetzt alles klappt.
Wär super, falls ihr nochmal 'nen Bick draufwerfen könntet. Bei mir sieht’s im IE/Firefox/Opera jedenfalls ganz „okay“ aus.
Was würdet ihr ggf. noch ändern?
aktuelle Version des Layouts + iframe
LG!
edit: Okay… hab jetzt mal versucht den Text im iframe-Bereich per CSS zu formatieren… schaut irgendwie seltsam aus. Im firefox wird die Seite schonmal gar nicht angezeigt, in Opera ist alles total verzerrt und im IE… joah g