Verlinktes html-Dokument soll sich im "content"-Bereich öffnen > Wie?

gaedingar · 26 Dezember 2006

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

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...

gaedingar · 26 Dezember 2006

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 · 27 Dezember 2006

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

Code:

<div style="position:absolute;left:000px;top:000px;"><iframe name="inhalt" src="home.html"></frame></div>

die links müssen dann wie folgt aussehen

Code:

<a href="news.html" target="inhalt"> Link </a>

target muss gleich lauten wie der name des i frames

Maxi · 27 Dezember 2006

leechen schrieb:
Code:

<a href=""news.html target="inhalt"> Link </a>

target muss gleich lauten wie der name des i frames

Muss der Code nicht eher so heißen:

Code:

<a href="news.html" target="inhalt"> Link </a>

In deinem Waren die Anführungszeichen um den Link falsch gesetzt.

gaedingar · 27 Dezember 2006

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

ja sorry hab ich eben auch gesehen.....

leechen · 27 Dezember 2006

gaedingar schrieb:
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...

gaedingar · 27 Dezember 2006

Ja, aber das Ding pappt irgendwie oben links am Bildschirmrand *g* Also nicht wirklich da, wo es sitzen sollte... :mrgreen:

leechen · 27 Dezember 2006

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

gaedingar · 27 Dezember 2006

Ja, trotzdem schaut's halt irgendwie seltsam aus *g*

Schau mal, hab jetzt ein paar Werte durchprobiert + den code dann so eingefügt...

Code:

<html>
<head>
<meta name="Author" content="Nina Peters" />
<meta name="description" content="Herzlich Willkommen auf hestamyndir.de, der Fotoseite von Nina Peters" />
<meta name="keywords" content="Islandpferd, Islandpferde, Tölt, Tölter, Rennpass, Ovalbahn, Pferdefoto, Pferdefotos, Pferdebild, Pferdebilder, Islandpferdefoto, Islandpferdefotos, Horsepictures, Hestamyndir, DIM, DJIM, Pferd, Pferde" />
<style type="text/css">
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;
}
//-->
</style>
</head>
<body>
<!--  Gesamter Inhalt  -->
<div style="width:760px;margin:35px auto;text-align:center">
<!--  Header  -->
<div id="head">
<img src="fotos/headerneu.jpg";width="760";height="160">
</div>
<!--  Menü  -->
<div id="menu">
<a class="menu" href="#">Startseite</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="menu" href="#">Über Mich</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="menu" href="#">Islandpferde</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="menu" href="#">Fotografie</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="menu" href="#">Galerie</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="menu" href="#">Linkliste</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="menu" href="#">Gästebuch</a>
</div>
<!-- Inhalt -->
<div style="position:absolute;left:358px;top:240px;"><iframe name="inhalt" src="home.html"></frame></div>
<!--  Footer  -->
<div id="footer">
<a class="footer" href="#">Neuerungen</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="footer" href="#">Kontakt</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
<a class="footer" href="#">Impressum</a>
</div>
<!-- Inhalt -->
<div id="content">
<b><font color="#FF6600">[</font></b> Zuletzt aktualisiert am: 25. Dezember 2006, © hestamyndir.de <b><font color="#FF6600">]</font></b><br>
<br><script language="JavaScript" src="<A href="http://www.onlinewebservice3.de/onlinecount.php?id=c88493&offset=5&style=2"></script">http://www.onlinewebservice3.de/onlinecount.php?id=c88493&offset=5&style=2"></script>
</div>
</div>
</body>
</html>

Und zB. ist da alles, was nach dem iframe kommt, weg (Untere Menüzeile und der footer!)! (??)

Und das iframe an sich ist auch total klein und nicht wird zentriert positioniert (ähm, ja. Hoffe du weisst, was ich meine... die Werte sind auch alle nur geschätzt und so ;))

screenshot

Was müsste ich zB. machen, damit das iframe genau mittig auf der Seite positioniert wird (also der Abstand nach links + rechts soll eben identisch sein ;)) und das Fenster genau 760px breit ist (damit's identisch aussieht!?)

LG + danke für deine Geduld mit mir *gg*

leechen · 27 Dezember 2006

versuch ma folgenden code für das iframe

Code:

<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....

gaedingar · 27 Dezember 2006

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

"Diese Seite kann nicht angezeigt werden"

richtig verlinkt?

gaedingar · 27 Dezember 2006

Hab das iframe erstmal testweise eingefügt und nicht irgendwie verlinkt oder so. Also bitte nicht irritieren lassen! ;)

leechen · 27 Dezember 2006

dann richte das footer div ma genau so aus wie das mit dem i frame drin ^^ aber immerhin schon etwas xD

gaedingar · 27 Dezember 2006

hmm, das bringt's auch nicht wirklich oO

gaedingar · 27 Dezember 2006

Juhu, es klappt!!

Hab das ganze jetzt mal in ne Tabelle gepackt... *g*

so schauts aus =)

leechen · 27 Dezember 2006

na endlich xD

gaedingar · 27 Dezember 2006

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*

Verlinktes html-Dokument soll sich im "content"-Bereich öffnen > Wie?

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied