CSS Problem

Senior Member

Dienstag, 7. Juni 2005, 17:01

1

So...bin mal wieder auf eure Hilfe angewiesen.

Ich bastel zur Zeit ein bissel an ner HP rum. Jetzt bräuchte ich 4 (!!!) Hintergrundbilder, die sich je nach Fenstergröße verschieben. Also jeweils eins links oben, rechts oben, links unten, rechts unten. Hab gelesen, dass das mit CSS möglich ist, wenn man mit Layern arbeitet (<div>). Bin jetzt allerdings etwas ratlos, wie ich das anstelle.
Hab bisher noch nicht so wirklich mit Style-sheets gearbeitet und hab somit keinen Plan, wie, wo und vor allem was ich da jetzt einbauen muss.

Ich wäre euch sehr dankbar, wenn ihr mir helfen könntet.

merci bien

Liq

Y0Gi

God

Beiträge: 12 708

Re: CSS Problem

Dienstag, 7. Juni 2005, 17:08

2

http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

Liquidator

Senior Member

Beiträge: 699

Re: CSS Problem

Dienstag, 7. Juni 2005, 17:19

3

danke für die links.....blöderweise kann ich damit einfach nix anfangen. Wahrscheinlich stell ich mich verdammt blöd an, aber ich werd da einfach nicht draus schlau. Warum gibts da nicht einfach ein paar Zeilen, die ich in mein HTML Dokument einfügen kann?

Ich hab jetzt mal den Code so ungeschrieben, wie ich mir das denke. Stimmt das so, oder is das totaler Blödsinn? und wenn er stimmt, wohin nun damit? Muss ich da noch irgendwas machen?

Quellcode

body {
  background: #FFFFFF;
    }
div.Article {
  background: 
      url(bild_links_oben.jpg)
  top left no-repeat;
  }
div.Article h2 {
  background: 
      url(bild_rechts_oben.jpg) 
  top right no-repeat;
  }
div.ArticleFooter {
  background: 
      url(bild_links_unten.jpg) 
  bottom left no-repeat;
  }
div.ArticleFooter p {
  background: 
      url(bild_rechts_unten.jpg) 
  bottom right no-repeat;
  }

Y0Gi

God

Beiträge: 12 708

Re: CSS Problem

Dienstag, 7. Juni 2005, 17:27

4

kopier doch einfach das finale beispiel aus dem artikel und passe es an. ich finde den artikel sehr gut und verständlich.

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

Liquidator

Senior Member

Beiträge: 699

Re: CSS Problem

Dienstag, 7. Juni 2005, 17:31

5

Aber wohin denn?
In den Body, oder wie? Sorry für die doofen Fragen...ich steh aber echt auf'm SChlauch

hurra

God

Beiträge: 5 051

Re: CSS Problem

Dienstag, 7. Juni 2005, 17:38

6

http://de.selfhtml.org/css/index.htm

E: Heut bin ich nett, hier. http://de.selfhtml.org/css/formate/einbinden.htm#zentral

TheJoker

God

Beiträge: 4 210

Re: CSS Problem

Dienstag, 7. Juni 2005, 17:44

7

Hier ist das finale Beispiel aus dem Artikel:

http://www.alistapart.com/d/customcorners/step4.html

Schau Dir halt den Source davon an und mache es dann entsprechend.

C programmers never die. They are just cast into void.

Neues moddingtech.de Portal online!

Liquidator

Senior Member

Beiträge: 699

Re: CSS Problem

Dienstag, 7. Juni 2005, 18:07

8

Ok...

ich scheine zu doof zu sein. Egal wie ich es mache, es funzt nicht. Ich habe auch schon den Quelltext kopiert und habe einfach nur versucht die Pfade der Grafiken zu ändern. Sobald ich das mache, werden keine Grafiken mehr angezeigt. So eine Kacke. Ich will ja garnix kompliziertes!!!

Ich hab hier mal ne kleine Zeichnung gemacht, damit ihr wisst was ich vorhabe. Bild 1 bis 4 sind die 4 Hintergrundbilder.

Vielleicht kann mir jetzt jemand helfen. Kein Codergott unter euch, der sich das in 10 Sekunden aus dem Ärmel schütteln kann?

Danke schonmal.

Gruß Liq

Y0Gi

God

Beiträge: 12 708

Re: CSS Problem

Dienstag, 7. Juni 2005, 20:09

9

tipp: die pfade in den url()-angaben sind relativ zum stylesheet.

klar kann ich mir das aus dem ärmel schütteln, aber das scheint ja dein problem nicht zu beseitigen. die astreine vorlage im artikel hat ja offenbar noch nicht gereicht

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)