Redesign ohne Frames

[Tommy]

Hallo Forumsgemeinde,

bin mal wieder dabei meine Internetseite umzubauen. Anfangs (vor 8Jahren) war es eine Lotus Notes Datenbank, dann mußte ich sie Hals über Kopf auf HTML umschreiben und hab sie dann im letzten Winter mit css valide gemacht.

Jetzt will ich weg von den Frames.

Aber wie? Bin z.Z. mit ssi am testen, sieht soweit ganz gut aus. So hab ich ssi eingebunden:

<div id="navi">
<!--#include virtual="/s-navi/index.html" -->
</div>

Da ich aber nur auf dem Wirkserver arbeiten kann, komm ich mit meiner Ordnerstruktur durcheinander. Alte files liegen z.B. in /home, neue leg ich jetzt in /s-home. Doch das gefällt mir alles nicht besonders.
Hat jemand ein Jdee oder Vorschlag an diesen Umbau heranzugehen? Ein Server zum testen steht mir nicht zur Verfügung.
Vielleicht hat der eine oder andere auch einen Kommentar zum design, welches allerdings von Beginn an unverändert ist.
Alte Seite: http://www.gwfb.de/index1.html
Neue Seite: http://www.gwfb.de/s-home/index.shtml

Ich bin für jede Anregung dankbar.

Tommy

[Felix Riesterer]

Lieber Tommy,

Ein Server zum testen steht mir nicht zur Verfügung.

ist auch der Download und die Installation des Apachen keine Möglichkeit für Dich?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Tommy]

ist auch der Download und die Installation des Apachen keine Möglichkeit für Dich?

Hallo Felix,

ich arbeite an 3 Lokationen und kann leider nicht überall den Apachen installieren.

Gruß

Tommy

[Felix Riesterer]

Lieber Tommy,

ich arbeite an 3 Lokationen und kann leider nicht überall den Apachen installieren.

dann hast Du wohl eine ungünstige Arbeitslage... Sorry, wenn Dir mein Vorschlag keine Hilfe war.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Ashura]

Hallo Tommy.

ich arbeite an 3 Lokationen und kann leider nicht überall den Apachen installieren.

Zu testen wäre, ob ein auf einem USB-Stick ausgeführter und auf bestimmte lokale Adressen und Ports lauschender Apache funktioniert.

Man muss schließlich im Grunde nichts weiter tun, als die apache2.exe / httpd.exe im bin-Verzeichnis von der Konsole aus aufzurufen und diese zum temporären Betrieb laufen zu lassen.

Werde ich wohl bei Gelegenheit einmal ausprobieren.

Einen schönen Mittwoch noch.

Gruß, Ashura

[Auge]

Hallo

Da ich aber nur auf dem Wirkserver arbeiten kann, komm ich mit meiner Ordnerstruktur durcheinander. Alte files liegen z.B. in /home, neue leg ich jetzt in /s-home. Doch das gefällt mir alles nicht besonders.

Wenn dir der Hoster anbietet, das Wurzelverzeichnis deiner Seite selbst zu bestimmen, brauchst in den Seiten nur mit relativen Pfadangaben zu arbeiten und das Problem löst sich, da die Angabe des Wurzelverzeichnisses unnötig wird. Wenn es geht kannst du ja während des Entwurfs auch auf einer Subdomain (wie: http://test.example.org/) arbeiten.

Vielleicht hat der eine oder andere auch einen Kommentar zum design, welches allerdings von Beginn an unverändert ist.
Alte Seite: http://www.gwfb.de/index1.html
Neue Seite: http://www.gwfb.de/s-home/index.shtml

Die Navigation kannst du auch als Liste erstellen (Listamatic: one list many options). Auf den Beispielseiten werden diverse Formatierungsmöglichkeiten aufgezeigt, mit deren Hilfe du zudem das JavaScript zum Bildwechsel bei den Links überflüssig machen kannst.

Textabsätze explizit linksbündig zu formatieren (<p style="[code lang=css]text-align:left">[/code]) ist überflüssig. Die Browser stellen das von sich aus schon so dar. Auch brauchst du keine <br>s und leere Absätze, um zwischen den Absätzen Platz zu schaffen. Das lässt sich alles mit [link:http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin(-top/-right/-bottom/-left)] regeln.

Tschö, Auge

[Tommy]

Hallo Auge,

danke für die Tips, ich werde es mir anschauen...

Gruß

Tommy

[Tommy]

Hallo Auge,

Wenn dir der Hoster anbietet, das Wurzelverzeichnis deiner Seite selbst zu bestimmen...

Ja, aber leider nur mit doppelt so teurem upgrade...

Die Navigation kannst du auch als Liste erstellen

Hab ich gleich umgesetzt, wieder was dazu gelernt.

Textabsätze explizit linksbündig zu formatieren (<p style="[code lang=css]text-align:left">[/code]) ist überflüssig.

Ich weiß, aber das div positioniert zentral, beim p ist es dann eine Ausnahme.

Danke, Gruß

Tommy

[Auge]

Hallo

Die Navigation kannst du auch als Liste erstellen

Hab ich gleich umgesetzt, wieder was dazu gelernt.

scheen! :-)

Textabsätze explizit linksbündig zu formatieren (<p style="[code lang=css]text-align:left">[/code]) ist überflüssig.

Ich weiß, aber das div positioniert zentral, beim p ist es dann eine Ausnahme.

Aah ja. Nur so als Tip: Da das <div> für den Content die ID "body" trägt, kannst du die Absätze auch im externen Stylesheet direkt ansprechen. #body p { text-align:left; } gilt für _alle_ <p>s innerhalb des Elementes mit der ID "body". Falls ein Absatz doch zentriert dargestellt werden soll, kannst du ihm die bereits bestehende Klasse "mittig" zuweisen.

*btw* Aus div.mittig { text-align:center; } würde ich .mittig { text-align:center; } machen. Das kann man dann nämlich ohne weitere Umstände für jedes gewünschte Element wiederverwenden (s. o.). Dass <div id="body"> mit zentriertem Text daherkommen soll, kannst du zudem auch direkt in die Angaben zu #body { ... text-align:center; } schreiben.

Tschö, Auge