• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

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

Status
Für weitere Antworten geschlossen.
G

gaedingar

Neues Mitglied
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
 
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!?
 
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
 
Zuletzt bearbeitet:
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: ;)
 
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: ;)
Zum Vergrößern anklicken....


ja du muss dann halt einige sachen anpassen....ne xD
zB die Breite und Höhe des Iframes muss angepasst werden...
 
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: 
<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*
 
Zuletzt bearbeitet:
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....
 
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*
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben