2bg pics? wie?

.:L

.:L

0
Moin



Ich würde gerne 2 Pics im bg haben 1Links 1 rechts nur weis ich nicht wie.

Code: 
body    {
  font-size:20;
  background-color:#000000;
  background-image:url('http://ink0611.tripod.com/ink0611/thumbnails/100x100/red_20black_20tribal_20demon_20face_20sm.jpg');
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:center right;
  color:#666666;
  text-align: center;
}

Hiermit wäre für das 1. Bild gesorgt (Mitte/rechts).
Aber wie bekomme ich das 2. rein??
Evtl. durch den Header? ô.O ?

Helft mir

mfG
 
Warum machst nicht ein Table mit zwei Spalten mit jeweils einem Hintergrundbild.
Oder du machst die beide Bilder zusammen
 
Ich hab mit Containern hantiert...also mein Menü und der Hauptpart. Der Tabelle würde das zerstörn.
Deswegn is auch nix mit zusammenfügen....

Aber das muss doch irgendwie gehn verdammt. Guck dir ma bitte denhier an... Vielleicht raffst du's ja: Klick mich

Müsste das 2. Bild dann nur nach rechts ausrichten und fixen...
 
Warum machst nicht ein Table mit zwei Spalten mit jeweils einem Hintergrundbild.
Oder du machst die beide Bilder zusammen
Zum Vergrößern anklicken....

Weil Tabellen nichts am Layout verloren haben. Das machen zwar viele "professionelle" Seiten so, ist aber total falsch. Für das Layout gibt es extra CSS. Alles was man mit CSS machen kann sollte aus dem HTML Code ausgelagert werden. Er macht das schon völlig richtig.

Zum Problem: Vielleicht hilft Dir http://www.css4you.de/ weiter?
 
hm ne...darauf bin ich ja auch schon gekommn.

WIe gesagt...oben im Beispiel funztz ja..... kA was ich falsch mache.

nachdem ich den
#head
eingefügt hab weis ich auch nich mehr weiter.

Außerdem....

Ich kapier nivh das der da mit seinm {body..../.../}
macht....

Bei ihm:
{background : url('link')fixed no-repeat} (bild1)
{background : url('link') no-repeat} (bild2)

Ich:
body{
background-image:url('link');
background-attachment:fixed;
background-position:center right;
background-repeat;no-repeat;
}


wtf?^^
 
So sollte es gehen:

CSS
Code: 
body {
  Das gehabte..
}
#container {
  background-image: url(..);
  background-position: ..;
  min-height: 100%;
}

HTML
Code: 
<body>
  <div id="container">
    Inhalt der kompletten Seite
  </div>
</body>

HTML header fuer Internet Explorer
Code: 
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="stylesheetIE.css" / >
<![endif]-->

CSS fuer Internet Explorer
Code: 
#container {
  height: 100%;
}

mfg
c1b
 
http://www.css4you.de/z-index.html

Mach die 2 Bilder mit 2 container in den Hintergrund, und dem rest des layouts gibst du einen höheren z-index.

Ich rate aber von solchem gebastel ab, das es sich meistens optisch einfach nicht lohnt, weder es runterzuladen, langsamer zu rendern, noch die zeit die du und leute die dir helfen damit verschwenden sowas zu kreieren. Genauso das obengenannte beispiel mit iegehacke usw. klar geht es zT nicht ohne, aber die Kunst ist es eben genau ohne solch zeug auszukommen.

Und wehe du validierst das danacht nicht ;)
 
DOch in dem Fall hat sichs gelohnt..

Ich hab das Menü in ein Container gesetzt und dann den 2. In die Mitte als Main...Kann man leicht justieren.

PS: Nochwas.. Wie kann ichs jetz hinbekommn, dass das bg-pic über den containern steht falls es fixiert is und ich scrolle?
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben