Elemente im Stylesheet definieren.
 

Frage an HTML und CSS-Gurus.

Kann man in einem Stylesheet definieren, dass ein Element angezeigt werden soll, oder muss das in der HTML Datei passieren?

Ich wuerde gerne ein Druck-Stylesheet definieren, wo unser Firmenlogo oben rechts angezeigt wird. Elegant waere es, wenn das Firmenlogo nur in der css-Datei fuer den Druck definiert waere, nicht aber in der HTML Datei selbst.

Die Zwischenloesung, die ich naemlich jetzt habe ist die, dass ich in der HTML Datei die 2 css-Dateien einlinke, und zwar die fuer die normale Anzeige und die fuer den Druck. Das Logo ist in der HTML Datei definiert, wobei hier eine eigene Druckklasse definiert wurde, die nur beim Drucken sichtbar wird.

zb

img.1 {
visibility: visible;
}


img.2 {
visibility: hidden;
}

Tut mir leid, das musst du mir erklaeren.

Das mit visibility:hidden ist ok, das verwende ich auch. So wie das aussieht, hast du das in einem eigenen Stylesheet stehen. Aber irgenwo muss doch da der Hinweis auf die Bilddatei stehen, die eingefuegt werden soll?

hans friedmann meinte wohl, das du einmal

[img]imgname.jpg[/img]

und einmal

[img]imgname.jpg[/img]

nimmst, je nachdem ob du das bild anzeigen willst oder nicht.

mfg Thomas

jaja, war nur der hinweiß auf das code element der visibility...würde den imagetag mit einem id versehen (zb logo) und dann in der css erst den ort angeben.

mit einer div würds gehen.
#

als bsp schau dir mal http://www.csszengarden.com/

uind dazu
http://www.csszengarden.com/zengarden-sample.html (das wäre dann nehm ich an bei dir die druckversion)

dazu den stylsheet:

http://www.csszengarden.com/zengarden-sample.css

Die Seite hab ich noch nicht gekannt, und da kann man sich einige Ideen holen.

Soweit ich das aber sehe, ist das was ich mir vorstelle, nicht moeglich. Das Bild muss in der HTML Datei definiert werden, das Aussehen wird dann in der CSS Datei festgelegt.

Man kann aber offenbar nicht erst in der CSS Datei festlegen, dass ein Bild (oder etwas anderes) angezeigt wird.

wieso?

#container {
background: url(zen-bg.jpg) no-repeat top left;
padding: 0px 175px 0px 110px;
margin: 0px;
}

zb macht genau das...

Aber in der html-Datei muss irgendwo

<div id="container">

stehen, sonst tut sich ueberhaupt nichts.

2 CSS-Dateien wie schon von Dir gesagt:

.img1 {display: none;} wird in <link href="main.css" rel="stylesheet" type="text/css" /> definiert.

.img1 {display: inline;} wird in <link href="print.css" rel="stylesheet" type="text/css" media="print" /> definiert.

Wenn du es eh so hast, ist das die beste Lösung!

gruss,
snowman

Ich würde display anstatt von visibility verwenden. (Sonst bleibt ein leerer Platz für das Bild.)

...dann sind wir eh einer Meinung :-)