Wie eine Fußzeile in Dritteln aufgeteilt

Fußzeilen befinden sich am unteren Rand einer Webseite. Sie helfen Ihnen Ihre Website zusammen zu binden und bieten zusätzliche Informationen über ein Unternehmen. Webdesigner wiederholen oft Links von der oberen Navigation in der Fußzeile zu verhindern, dass Benutzer Scrollen sichern Sie die Informationen abrufen. Da die Fußzeile oft kurz ist, können Sie es in Spalten strukturieren den Inhalt leichter aufteilen. Beispielsweise sollten Sie Kontaktdaten auf der linken, copyright-Informationen in der Mitte und des Unternehmens Begriffe auf der rechten Seite enthalten.

Anweisungen

1 Starten Sie einen Texteditor wie Notepad, WordPad oder EditPad. Wählen Sie im Menü "Datei" und "Open". Ein Dialogfeld wird geöffnet. Doppelklicken Sie auf die HTML-Datei, die Sie ändern möchten.

2 Fügen Sie den folgenden Code zwischen dem Tag < HEAD > Erstellen eines Stils für den Footer. Ersetzen Sie die Breite, mit der bestimmte Breite, die Sie für Ihre Fußzeile festlegen möchten. Die "900px;" Breite bezieht sich auf die Breite der gesamten Fußzeile. Die Breite innerhalb der "linken" "Mitte" und "rechts" auf der jede Spalte in der Fußzeile.

< Typ style = "Text/Css" ><!--

Fußzeile {} klar: beide;Breite: 900px;Grenze-oben: 2px schwarz solid;}.Left {Float: Left; Width: 300px;}.Middle {Float: Left; Width: 300px;}ganz {Float: Left; Width: 300px;}-->< / style >

3 Scrollen Sie zum unteren Rand Ihrer Web-Seite, direkt über dem Endtag < BODY >.

4 Fügen Sie den folgenden HTML-Code zum Erstellen und die Fußzeile in Dritteln aufgeteilt:

< Div Id = "Footer" >< Div Class = "Left" > Linker Abschnitt < / Div >< Div Class = "Middle" > Mittlerer Abschnitt < / Div >< Div Class = "Right" > Rechter Abschnitt < / Div >< / Div >

5 Ersetzen Sie "Linken Abschnitt", "Mittlerer Abschnitt" und "Rechts der Abschnitt" mit der Fußzeile Inhalt.