|
|||
Navigation und Content
Hallo,
ich erstelle momentan meine erste Webseite die komplett in CSS gestaltet werden soll. Ich habe das typische Layout, oben die Navigation und darunter kommt dann der Inhalt. Bis jetzt habe ich das, wie die meisten mit Tabellen gemacht. In die obere Tabelle kommen die Links und darunter der Inhalt. Das habe ich über einen iFrame reallisiert. So, dass mein Layout und die Navigation immer gleich bleiben und nur, wenn ich auf einen Link klicke, sich der Inhalt dementsprechend sich auch ändert. Tabellen und iFrames sind ja wohl Out und in Zukunft sollte man die Layouts mit CSS erstellen. Ich habe mich reingelesen und viel ausprobiert und soweit auch einiges verstanden. Das mit Divs und Containern klappt auch wunderbar, aber ein großes Problem habe ich. Wie schaffe ich es, wenn ich oben auf einen Link klicke, dass unten im Hauptfeld der Inhalt sich auch ändert? In einem anderen Forum wurde mir gesagt, dass würde nicht gehen. Doch gerade auf www.css4you.de wird von Layouten ohne Tabellen gesprochen. Dazu gehört aber auch, dass der Inhalt sich auch ändert, wenn ich auf einen Link klicke und für jeden Link eine gleiche Seite zu erstellen ist für mich keine Lösung. Ich möchte ja, dass die Navigation immer vorhanden ist und nur der Inhalt sich ändert. Das es geht, sehe ich ja auf dutzenden Seiten, auch ohne iFrames und PHP. Aber wie? wie schaffe ich das? Geändert von Electrohunter (01.08.2006 um 19:01 Uhr) |
Sponsored Links |
|
|||
Die Information aus dem anderen Forum ist richtig.
Wenn du nicht in jedem Dokument "händisch" die immer gleich bleibenden Teile einfügen willst, dann ist eine serverseitige Scriptsprache (wie z.B. PHP) das richtige. Frag auch bitte die Suchfunktion nach Frames und PHP Include. |
Sponsored Links |
|
|||
Ich fasse es nicht, da erstelle ich seit 4 Tagen ein Layout und befasse mich mit CSS, weil es überall heißt, Layouten ohne Tabellen und nun das? Ich habe mich entschieden, dass ich nicht mehr mit Tabellen und Iframes arbeiten muss und nun erfahre ich, dass sowas nur mit PHP geht? PHP kann ich überhaupt nicht. In HTML gibt es target und iFrames, wieso kann man sowas nicht mit CSS nicht machen?
Ich habe 2 Container, in den einem ist 1 Link und in dem anderen kommt der Verweis. Sowas müsste doch machbar sein. Und wie wurde dann z.B. www.css4you.de gemacht? Genau das möchte ich, aber da ist nichts mir PHP, ist alles HTML. |
|
|||
Zitat:
Wenn du kein PHP (oder SSI oder ... ) einsetzen willst, dann setz in jedem Dokument auch die Bestandteile wieder ein, die immer wiederkehren. Ganz einfach. Es gibt Editoren, die dir diese Arbeit abnehmen - Phase 5 hat z.B. eine integrierte "Include-Funktion". Sieh es nicht als Nachteil - die Nachteile liegen beim Konzept der Frames. Layout (= CSS) hat damit überhaupt nichts zu tun. Bei dem, was du willst, geht es ausschließlich um Inhalt (= HTML). Dieses Thema ist hier x-fach behandelt. Bitte benutz die Suchfunktion! |
|
|||
Danke, aber ich dachte immer Layouten mit Tabellen und Iframes wäre nicht gut und sollte man in Zukunft lassen. Bei PHP dachte ich immer, die Seite endet nicht mit: xxx.html sondern mit xxx.php und da css4you mit html endet, bin ich davon ausgegangen, dass das so ist. Es heißt doch auch immer barrierefreie Webseiten erstellen und das am besten mit CSS. Daher dachte ich mir, dass das möglich ist. Auch einige die ich kenne, meinen, waaaas? du benutzt noch iFrames? keine professionelle Seite wird mehr damit gemacht.
Okay, aber ist es dann möglich ein iFrame in ein DIV zu legen? es heißt ja, man könnte da alles plazieren. Noch eine letzte Frage, ich lese immer DIV, Container und Layer, kann es sein, dass das gleiche ist? |
|
||||
Zitat:
Wieso siehst du das in Frage gestellt? Zitat:
Schau bei css4you in den Quelltext. Du wirst auf jeder Seite wieder die vollständige Naviagtion sehen. Zitat:
Vergiss das Konzept der Frames! Es *ist* *kein* Nachteil, wenn auf jeder Seite alle Bestandteile wieder auftauchen. Zitat:
Lesestoff: http://www.vorsprungdurchwebstandard.../retro-coding/ |
|
|||
Zitat:
|
|
|||
Du hast eine html-Datei, in der das Menue und der Inhaltscontainer ist.
Menue und Container sollen gleich bleiben, nur Containerinhalt soll sich ändern. Da gehst du wie folgt vor: Du definierst, wieviele Links und damit Einzelseiten du brauchst und wie deren Bezeichnung sein soll. Entsprechend machst du deine Links im Menue: <li><a href="inhalt1.html">Inhalt 1</a></li> <li><a href="inhalt2.html">Inhalt 2</a></li> usw. Ist die erste Seite auf diese Weise fertig, speicherst du sie unter verschiedenen Namen ab. Beispiel: Startseite: index.html Diese speicherst du mehrmals ab, z.B. inhalt1.html, inhalt2.html, inhalt3.html usw. Jetzt hast du auf jeder Seite das gleiche Menue und das gleiche Layout wie auf der ersten Seite. Die Einzelseiten musst du dann nur noch mit ihrem spezifischen Inhalt füllen. Optisch sieht das dann so aus, als würde sich nur der Inhalt ändern. Tatsächlich wird aber mit dem Link eine neue komplette Seite geladen. Geändert von prm (01.08.2006 um 20:06 Uhr) |
|
|||
Zitat:
index.php Code:
<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CSS Layout</title> <link rel="stylesheet" media="all" type="text/css" href="style.css" /> <link rel="stylesheet" media="all" type="text/css" href="navi.css" /> </head> <body> <? @include("navi.php"); // Hier wird die Navigation eingebettet @include("" . $action ." .php"); // Hier wird Dein Content eingebettet // Das @-Zeichen unterdrückt eventuelle Fehlermeldungen, zum Debuggen einfach weglassen. ?> </body> </html> Code:
<div class="navigation"> <ul> <li><a href="index.php?action=content1" alt="Content 1">Content 1</a></li> <li><a href="index.php?action=content2" alt="Content 2">Content 2</a></li> </ul> </div> Code:
<div class="content1"> <p>Hier steht der Inhalt der ersten Seite</p> </div> |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Validator verbietet Attribut bei Link - Hilfe! ;) | bastkrug | (X)HTML | 7 | 20.02.2014 12:28 |
Tabellen als Div Container | SpecialFighter | (X)HTML | 7 | 12.10.2010 17:40 |
Ungewöhnlicher abstand beim clearen von floats | adrianno | CSS | 14 | 16.09.2009 14:20 |
DIV Länge automatisch anpassen | judicious | CSS | 10 | 08.05.2006 16:30 |
Seitenaufbau mit DIVs und 100% Höhe | vespasquire | CSS | 6 | 12.09.2004 15:21 |