nicht angemeldet
Kann man mit CSS auch Grafiken platzieren?
Hallo,
wie kann ich denn mittels CSS eine Grafik platzieren, ohne diese als HTML-Befehl in den Quelltext der html-Datei schreiben zu müssen?
Geht das? Ich dachte, das muss ja gehen - weil es sonst ja keine wirkliche Trennung von Design und Inhalt wäre. Wie mache ich das denn?
------
Regards
Sven
-
Sven,
wie kann ich denn mittels CSS eine Grafik platzieren, ohne diese als HTML-Befehl in den Quelltext der html-Datei schreiben zu müssen?
Meinst du das: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image ?
Geht das? Ich dachte, das muss ja gehen - weil es sonst ja keine wirkliche Trennung von Design und Inhalt wäre. Wie mache ich das denn?
Ich glaube du verstehst das mit der Trennung von Inhalt & Design falsch.
Selbst mit MVC musst du dem Inhalt eine gewisse Form geben.
Wie z.B.: <span class="headline">Überschrift</span> ...- Till
-
Hi Till,
Wie z.B.: <span class="headline">Überschrift</span> ...
Das ist Murks, für Überschriften gibt es h1, h2 usw.
MfG, Dennis.
--
Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:# ss:) de:] js:| ch:{ sh:| mo:} zu:|
That's life - Es gibt im Leben[tm] keine Zurück-Taste. (Fabian Transchel) -
Meinst du das: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image ?
Hm, ich meine wenn in meinem HTML Code zb vorkommt:
<h1>Hier die Ueberschrift</h1>
<p>bla bla</p>
<p class="irgendwas">blabla</p>und dann möchte ich zwischen die beiden <p>-Absätze ein Bild einfügen... dann geht das nicht komplett per CSS, sondern ich muss <img src="...." height="" width="" alt=""> verwenden? Oder geht das auch per CSS?
-
Hallo Sven.
und dann möchte ich zwischen die beiden <p>-Absätze ein Bild einfügen...
Dient dieses Bild nur dem Layout, oder wird damit Inhalt vermittelt?
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
Try it: Become an Opera Lover in 30 days
Meine Browser: Opera 8.0 | Firefox 1.0.3 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0-
Dient dieses Bild nur dem Layout, oder wird damit Inhalt vermittelt?
In meinem Fall wäre es für das Layout... zum Beispiel eine Grafik, die ich hinter eine Überschrift legen will.
-
Hi Sven,
In meinem Fall wäre es für das Layout... zum Beispiel eine Grafik, die ich hinter eine Überschrift legen will.
Du könntest dem unteren P-Element einen Innenabstand nach oben geben (padding-top) und das Bild als Hintergrundbild (background-image) mit no-repeat einbinden.
MfG, Dennis.
--
Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:# ss:) de:] js:| ch:{ sh:| mo:} zu:|
Probleme mit Formularen? http://tutorial.riehle-web.com hilft weiter.-
Du könntest dem unteren P-Element einen Innenabstand nach oben geben (padding-top) und das Bild als Hintergrundbild (background-image) mit no-repeat einbinden.
Ja, Danke - der repeat Befehl war mir nicht geläufig :$
Grüße
Sven
-
-
In meinem Fall wäre es für das Layout... zum Beispiel eine Grafik, die ich hinter eine Überschrift legen will.
Dann kannst Du doch der Überschrift ein background-image zuordnen. Mit background-repeat:no-repeat erreichst Du, dass es ein einzelnes Bild ist, ohne Kacheleffekt. Und wenn das Bild nicht hinter der Überschrift stehen soll, sondern z.B. drüber, kannst Du mit padding-top:100px (wenn das Bild z.B. 90px hoch ist) erreichen, dass die Schrift erst unter dem Bild anfängt. Wenn es dann noch nicht reicht, kannst Du das Bild mit background-position noch dahin legen, wo Du es haben willst.
War es das, was Du wissen wolltest?
LG
Fredo-
Dann kannst Du doch der Überschrift ein background-image zuordnen. Mit background-repeat:no-repeat erreichst Du, dass es ein einzelnes Bild ist, ohne Kacheleffekt. Und wenn das Bild nicht hinter der Überschrift stehen soll, sondern z.B. drüber, kannst Du mit padding-top:100px (wenn das Bild z.B. 90px hoch ist) erreichen, dass die Schrift erst unter dem Bild anfängt. Wenn es dann noch nicht reicht, kannst Du das Bild mit background-position noch dahin legen, wo Du es haben willst.
War es das, was Du wissen wolltest?
Danke, ja das bringt mich weiter ;) Ich dachte, background-images haben generell diesen Kacheleffekt und dachte, da müsste es noch einen anderen Befehl geben... aber mit dem no repeat sollte es dann klappen.
thx ;)
Sven
-
-
-
-
-