So ändern Sie die Side Bar einer Website nach rechts mit CSS-Codes

April 9

So ändern Sie die Side Bar einer Website nach rechts mit CSS-Codes

Cascading Style Sheets oder CSS sind unverzichtbar in jedem Web-Design, wie es das Gesamtlayout der Website enthält. Eine organisierte Design stützt sich auf die Schaffung eines zentralen Stylesheets, die Position jedes Seitenelement relativ zu den anderen angibt. Eines der häufigsten Webseite Layouts ist eine zweispaltige-Website--mit einem Hauptinhaltsspalte und Sidebar. Obwohl die meisten Layouts die Seitenleiste auf der linken Seite haben, können Sie leicht die Sidebar rechts verschieben, indem Sie eine seiner Eigenschaften zu ändern.

Anweisungen

1 Die Class- oder Id Bezeichnung der Seitenleiste auf Ihre Seite zu finden. Sie können tun, diese Überprüfung des Quellcodes Ihrer Web-Seite oder mithilfe von Tools von Browsern wie Google Chrome oder Firefox Firebug erbaut, um das Element der Seitenleiste zu überprüfen. Die Class- oder Id-Name verwendet für die Sidebar in diesem Code ist beispielsweise "Sidebar":

< Div Class = "Sidebar" > Sidebar Inhalt hier < / Div >

2 Öffnen Sie in Editor die CSS-Datei Ihrer Webseite.

3 Suchen Sie die Klasse oder Id der Seitenleiste mit Notepad die "Finden"-Werkzeug oder mit "Strg + F". In unserem Beispiel müssen wir die Klasse "Seitenleiste." finden In CSS-Klassen oder einen Zeitraum vorangestellt, während ein Nummernzeichen-Id vorangestellt sind. Ein Beispiel für eine Sidebar CSS-Code kann wie folgt aussehen:

{.sidebar}

Float: left;

Breite: 300px;

}

4 Ersetzen Sie den Wert "Float" in der CSS-Eigenschaften "rechts" statt "Links."

5 Speichern Sie die CSS-Datei.

Tipps & Warnungen

  • Da nicht alle Seitenleisten ausgelegt sind identisch. Wenn Sie nicht in der Lage, die Position der Sidebar von links nach rechts ändern, indem Sie ändern den Float-Wert sind, versuchen Sie zu sehen, ob die Position der Sidebar auch von den Textabstand hängt, die es in CSS gegeben.