SELFHTML Forum
SELFHTML Forumsarchiv
2005
April
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: Sven, 30. 04. 2005, 11:41
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
Die folgende Nachricht zum Thema stammt von: Till, 30. 04. 2005, 11:50
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
Die folgende Nachricht zum Thema stammt von: Dennis, 30. 04. 2005, 12:05
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)
Die folgende Nachricht zum Thema stammt von: Sven, 30. 04. 2005, 13:27
»» 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?
Die folgende Nachricht zum Thema stammt von: Ashura, 30. 04. 2005, 13:44
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
Die folgende Nachricht zum Thema stammt von: Sven, 30. 04. 2005, 14:08
»» 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.
Die folgende Nachricht zum Thema stammt von: Dennis, 30. 04. 2005, 14:11
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.
Die folgende Nachricht zum Thema stammt von: Sven, 30. 04. 2005, 14:19
»» 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
Die folgende Nachricht zum Thema stammt von: Frederik, 30. 04. 2005, 14:16
»» 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
Die folgende Nachricht zum Thema stammt von: Sven, 30. 04. 2005, 14:19
»» 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
© 1998-2006 
Impressum, Software: Classic Forum
(CSS)