Externes Stylesheet von Quelltext austauschen

Hallo!

Ich würde gerne wissen, ob es möglich ist einen Seitenquelltext mit externen Stylesheets so abzuspeichern, dass man auf die externen Stylesheets zugreifen und somit auch verändern kann?
Wenn das möglich wäre, könnte mir hier jemand erklären, wie dies geht?

Falls dies nicht möglich ist, würde ich gerne wissen, wie man ein externes Stylesheet aus diesen Quelltext austauschen kann, sodass es auch funktioniert. Habe mir schon Notepad++ runtergeladen und versucht ein Stylesheet auszutauschen. Die Seite wurde dann aber nicht mehr so angezeigt, wie vorher. Hintergrundfarbe des Banners war plötzlich am Ende der Seite etc.

Zur Erklärung: Unser Verband hat eine Website, die gerade auf das CMS Typo3 umgestellt wird. Dazu werden auch einige Veränderungen am Aussehen der Website von einem Studenten vorgenommen, der dies alles für uns macht. Die Sache ist nur, dass die Kommunikation über fünf Ecken geht und eine bestimmte Person in diesem Kreis sozusagen gerne alle Seiten gleich haben will. Dies wollen wir aber nicht so ganz. Ich würde demnach gerne versuchen mit meinem Basiswissen in HTML und CSS zu versuchen, inwieweit unsere Seite anders aussehen könnte und sich zugleich von den anderen Seiten absetzen kann (Schriftart ändern, andere Hintergrundfarbe etc.). Sprich ich will einfach nur eine HTML Datei mit dem von mir veränderten Quelltext meinen Chef zeigen können, sodass wir eine Vorstellung davon bekommen, wie unsere Seite auch aussehen könnte.

Ist dies machbar?

Vielen Dank schon einmal im Voraus für die Hilfe!

Das ist kein Problem - sofern ich das richtig verstanden habe. In der HTML-Datei steht die Adresse des Stylesheets (wahrscheinlich nur als relative Pfadangabe). Wenn du diese im Browser eingibst, siehst du das Stylesheet selbst. Das kannst du speichern und dann beliebig verändern. Den Verweis in der lokal abgespeicherten HTML-Datei musst du evtl. anpassen, sodass er auf deine lokale Kopie vom Stylesheet zeigt.

Der Verweis müsste so aussehen:

Richtig. Je nachdem, wie deine Seite aufgebaut ist, können auch mehrere exteren CSS-Dateien verlinkt sein. Vielleicht darauf achten und einfach mal alle ansehen, evtl. befinden sich aber auch CSS-Teile in der html-Datei (was nicht ganz sauber programmiert wäre - sieht man aber immer wieder).

Flex schrieb:

Richtig. Je nachdem, wie deine Seite aufgebaut ist, können auch mehrere exteren CSS-Dateien verlinkt sein. Vielleicht darauf achten und einfach mal alle ansehen, evtl. befinden sich aber auch CSS-Teile in der html-Datei (was nicht ganz sauber programmiert wäre - sieht man aber immer wieder).

Zum Vergrößern anklicken....

Also ich verwende oft, unabhängig von den externen Stylesheets das style-Attribut. Finde das hat nichts mit unsauber zu tun.:freu:

haben stylesheets nicht das ziel die inhalte von dem design zu trennen?

wenn du z.b. das style-attribut benutzt um textstellen rot zu markieren, und dann mal das design der seite auf eine rote hintergrundfarbe umstellst, wieviele stellen musst du noch ändern, damit die seite wieder benutzbar wird?

Das kann man ja ohne weiteres auch in der HTML-Datei machen. Das hat aber natürlich nur Sinn, wenn man nur eine HTML-Seite mit diesem Design hat. Zumindest muss man aber nicht alle Stellen in der Datei ändern.

fox99 schrieb:

haben stylesheets nicht das ziel die inhalte von dem design zu trennen?

wenn du z.b. das style-attribut benutzt um textstellen rot zu markieren, und dann mal das design der seite auf eine rote hintergrundfarbe umstellst, wieviele stellen musst du noch ändern, damit die seite wieder benutzbar wird?

Zum Vergrößern anklicken....

Inline-Styles stehen im Rang vor eingebetteten Stylesheets, eingebettete Stylesheets vor externen Stylesheets. Wenn Sie zwei oder mehr externe Stylesheets mit link einbinden, wird das zuletzt eingebundene Stylesheet identisch benannte Selektoren aus den vorhergehenden überschreiben.

Quelle: http://xhtml.doku.info/k152.shtml (Übrigens eine sehr informative Seite!) :freu:

fox99 schrieb:

haben stylesheets nicht das ziel die inhalte von dem design zu trennen?

Zum Vergrößern anklicken....

Ja, so kenne ich das eben auch. Sprich 3-tier-Model.

"unsauber" war vielleicht nicht der richtige Ausdruck, vielleicht sollte ich den Begriff mit "nicht optimal" ersetzen.