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

Anzeigen von Seiten in div

L

luftlinie

Neues Mitglied
Hallo,

ich lerne gerade CSS mit Hilfe von SELHTML im Netz. Dabei bin ich auf diesen Code gestossen:

<php>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zweispaltiges Layout mit fester Breite</title>
<style type="text/css">
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center; /* Zentrierung im Internet Explorer */
}

div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 760px;
padding: 0.5em;
border: 2px ridge silver;
}

ul#Navigation {
font-size: 0.91em;
float: left; width: 22em;
margin: 0; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}

div#Inhalt {
margin-left: 22em;
padding: 0 1em;
border: 1px dashed silver;
}
div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Inhalt p {
font-size:1em;
margin: 1em 0;
}
</style>
</head>
<body>

<div id="Seite">
<ul id="Navigation">
<li><a href="einfuehrung.htm">Einführung in CSS-basierte Layouts</a></li>
<li><a href="mehrspaltige.htm">Mehrspaltige CSS-basierte Layouts</a></li>
<li><a href="fixbereiche.htm">Fixe Bereiche mit CSS-basierten Layouts</a></li>
<li><a href="navigationsleisten.htm">CSS-basierte Navigationsleisten</a></li>
<li><a href="browserweichen.htm">CSS-Browserweichen</a></li>
</ul>

<div id="Inhalt">
<h1>CSS-basierte Layouts</h1>
<h2>Seite mit fester Breite</h2>
<p>Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p>
<p>Die Breite ist so gewählt, dass in 800px breiten Fenstern nicht horizontal
gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte.</p>
</div>
</div>

</body>
</html>


</php>


wie bekomme ich es hin, dass ich html-seiten im bereich anzeigen lasse, wo im moment der text steht?

link zur seite: SELFHTML: Stylesheets / CSS-basierte Layouts / Mehrspaltige Layouts


danke sehr :)
 
Werbung:
Indem Du den Text da in Deine Datei rein schreibst.
Das kannst Du manuell im Editor machen, oder die Seite durch eine serverseitige Sprache aufbauen lassen. (Auch Stichwort: include)

CSS hat damit nichts zu tun. CSS definiert nur das Aussehen der Seite.
 
Werbung:
ja schon, dann steht aber nur der text in der verlinkten seite. ich möchte aber, wenn Hyperlink "Einfürhung.html" geklickt wird, keine neue seite geöffnet wird, sondern in meinem div angezeigt wird.
 
Werbung:
doch css geht schon....ich möchte einfach die verlinkten html-seiten in einem teilabschnitt meiner webseite anzeigen lassen
 
also wenn ich dich richtig verstanden habe, willst du wenn du auf
einfuehrung.html klickst der text: "xyz.." kommt und zwar in dem div. und
wenn du wieder auf nen anderen link drückst soll ein anderer text in dem div
stehen, richtig?

Wenn ja, dann mach es so wie efchen schon sagt. ganz einfach wäre es,
wenn du einfach den code von selfhtml kopierst und ihn als z.B.
seite_1.html abspeicherst. dann schreibst du in dem unteren div (wo jetzt
der text schon steht) deinen text rein. Kopierst dir den code nochmal und
speicherst ihn unter seite_2.html ab und schreibst den einen anderen text
rein. und so weiter.

die links nennst du dann eben (auf jeder der html-seiten) seite_1.html... seite_2.html... usw.

Das ganze kannst du natürlich auch vereinfachen mit z.B. php --> include.

Ich hoffe, ich konnte dir helfen.

Liebe Grüße
icon12.gif


iplay
 
Werbung:
luftlinie schrieb:
ja schon, dann steht aber nur der text in der verlinkten seite. ich möchte aber, wenn Hyperlink "Einfürhung.html" geklickt wird, keine neue seite geöffnet wird, sondern in meinem div angezeigt wird.
Zum Vergrößern anklicken....
Das geht nicht. Warum sollte es auch?
Wenn man einen Link anklickt, dann öffnet sich eine neue Seite. Das war schon immer so und das wird auch immer so bleiben. Da ist nichts schlecht dran.

Du hast mal mit Frames gearbeitet und Dich zu sehr an diese kranke Verdrehung der normalen Abläufe gewöhnt. Kehre zurück zum Ursprung. Klick = Neue Seite laden. Das ist ja einer der Nachteile von Frames, dass nicht eine neue Seite geladen wird und somit der aktuelle Zustand nicht über eine URL abgedeckt ist.

Wie ich schon sagte, das was Du willst, kannst Du mit serverseitigem Include erreichen. Dazu brauchst Du nicht zwingend PHP, es geht auch SSI, ASP oder jede andere serverseitige Programmiersprache. Was Du verwendest, kommt darauf an, was Dein Webspace bietet.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben