CSS komplett oder nur teilweise in externe Dateien auslagern

[Anton]

Hi,

was denkt ihr ist das sinnvollste. Sollte man CSS komplett in externe Dateien auslagern oder ist es auch sinnvoll CSS im Header der Datei oder sogar direkt beim Tag zu definieren.

Was haltet ihr z.B. von diesem Beispiel:

Layout mit CSS in den Tags

Ist es in Ordnung, dass CSS teilweise direkt in den Tags genutzt wird? Eigentlich liegt ja dann keine strikte Trennung zwischen Inhalt von Formatierung mehr vor.

[suit]

Ist es in Ordnung, dass CSS teilweise direkt in den Tags genutzt wird? Eigentlich liegt ja dann keine strikte Trennung zwischen Inhalt von Formatierung mehr vor.

ich würde das nur machen, wenn es explizit ein an die formatierung gebundener inhalt ist (also ein beispiel).

[Gunnar Bittersmann]

@@Anton:

was denkt ihr ist das sinnvollste. Sollte man CSS komplett in externe Dateien auslagern

Ja.

Und wenn es mehrere Dateien sein sollten, diese als eine Ressource ausliefern.

oder ist es auch sinnvoll CSS im Header der Datei

Du meinst nicht im „Header“, sondern im 'head'-Element. Zwischen „head“, „header“ und „heading“ sollte man sorgfältig unterscheiden.

Eher nicht sinnvoll.

oder sogar direkt beim Tag zu definieren.

Bis auf ganz wenige Ausnahmen niemals sinnvoll.

Ist es in Ordnung, dass CSS teilweise direkt in den Tags genutzt wird? Eigentlich liegt ja dann keine strikte Trennung zwischen Inhalt von Formatierung mehr vor.

Eben.

Live long and prosper,
Gunnar

[Thorsten Schleppi]

Hallo!

oder sogar direkt beim Tag zu definieren.

Bis auf ganz wenige Ausnahmen niemals sinnvoll.

Richtig, z. B. bei Bildunterschriften.

Viele Grüße
Thorsten

[suit]

Bis auf ganz wenige Ausnahmen niemals sinnvoll.
Richtig, z. B. bei Bildunterschriften.

das versteh ich nicht?

was hindert dich daran, alle bilder auf seite inklusive bildunterschriften ordentlich und uniform zu definieren?

[Thorsten Schleppi]

Hallo!

was hindert dich daran, alle bilder auf seite inklusive bildunterschriften ordentlich und uniform zu definieren?

Wenn ich den Bildunterschriften eine andere Hintergrundfarbe verpassen möchte, oder diese über mehrere Zeilen verläuft, ist die Breite der Bildunterschriften abhängig von der Breite des Bildes. Gesetz dem Fall, meine Bilder sind unterschiedlich breit, muss ich dies in dem Fall leider berücksichtigen und kann diesen Wert eben nicht global (und auch ausgelagert) definieren.

Eine einfache Möglichkeit innerhalb eines "img"-Elements eine Bildunterschrift definieren zu können würde der Problematik ein Ende setzen:

  
<img src="bild.jpg" >Bildunterschrift</img>  

Viele Grüße
Thorsten

[suit]

und kann diesen Wert eben nicht global (und auch ausgelagert) definieren.

das primärstylesheet der wikipedia kann das aber auch (monobook.css wenn ich nicht irre) - was hindert dich daran, beides zu gruppieren?

Eine einfache Möglichkeit innerhalb eines "img"-Elements eine Bildunterschrift definieren zu können würde der Problematik ein Ende setzen:

<img src="bild.jpg" >Bildunterschrift</img>

  
xhtml 2.0 bietet deartiges, allerdings ist "bildunterschrift" dann der alternativtext, der nur angezeigt wird, wenn die ressource nicht angezeigt wird ;)  
  
ggf hilft dir so ein konstrukt weiter  
  
<div class="bild">  
  <img src="foo.png" alt="bar" />  
  <p>lorem ipsum dolor</p>  
</div>

[Thorsten Schleppi]

Hallo!

und kann diesen Wert eben nicht global (und auch ausgelagert) definieren.
das primärstylesheet der wikipedia kann das aber auch (monobook.css wenn ich nicht irre) - was hindert dich daran, beides zu gruppieren?

Wie soll man das denn mittels CSS konkret umgesetzen?
Nichts hindert mich daran beides zu gruppieren. Im von mir verlinkten Beispiel sind sowohl Bild als auch Bildunterschrift gruppiert.

ggf hilft dir so ein konstrukt weiter

<div class="bild">
  <img src="foo.png" alt="bar" />
  <p>lorem ipsum dolor</p>
</div>

Nein, das führt zu den von mir bereits genannten Problemen.

Ich suche keine Lösung zur Umsetzung von Bildunterschriften. Ich bin der Meinung, dass ich im Rahmen der Möglichkeiten, die (X)HTML derzeit bietet einen sinnvollen Ansatz verwende.

Viele Grüße
Thorsten

[suit]

Ich bin der Meinung, dass ich im Rahmen der Möglichkeiten, die (X)HTML derzeit bietet einen sinnvollen Ansatz verwende.

ich weiss nicht ob der ansatz sinnvoll ist oder nicht - für mich gehört zu einem uniformen layout dazu, dass nicht jedes bild über eine andere breite verfügt - ich finde, dass es dem lesefluss nicht förderlich (besonders nicht in längeren texten)

wenn gegeben ist, dass alle bilder entsprechend breit sind, ist das kein thema - ansonsten ist es wohl sinnvoll, da die breite des bildes und die dazugehörige inline-css-angabe inhaltsgebunden ist und das bild unabhängig von layoutänderungen immer so breit sein wird, wie es ist

das ist aber imho unklug