[HaBo]

.:L · 16.08.06, 15:56

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

CPU8080 · 16.08.06, 16:02

Warum machst nicht ein Table mit zwei Spalten mit jeweils einem Hintergrundbild.
Oder du machst die beide Bilder zusammen

Anzeige

- Anzeige -

.:L · 16.08.06, 16:06

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...

blasphemy · 16.08.06, 16:11

Zitat:

Warum machst nicht ein Table mit zwei Spalten mit jeweils einem Hintergrundbild.
Oder du machst die beide Bilder zusammen

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?

.:L · 16.08.06, 16:24

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?^^

c1b · 16.08.06, 17:34

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

[starfoxx] · 16.08.06, 19:33

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

.:L · 16.08.06, 20:31

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?

[starfoxx] · 16.08.06, 21:20

Naja, wie hast dus nun gemacht?
Zindex? Quelltext?

Ich kann mir momentan nichtmal vorstelln was du genau willst

.:L · 17.08.06, 08:34

Welches Gebastel meinst du??

Anzeige

- Anzeige -

16.08.06, 15:56	#1 (permalink)
.:L Senior Member Registriert seit: 05.05.06 Likes: 24	2bg pics? wie? Anzeige 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 __________________ fat people are hard to kidnap

16.08.06, 16:06	#3 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	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... __________________ fat people are hard to kidnap

16.08.06, 16:24	#5 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	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?^^ __________________ fat people are hard to kidnap

16.08.06, 20:31	#8 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	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? __________________ fat people are hard to kidnap

17.08.06, 08:34	#10 (permalink)
.:L Senior Member Themenstarter Registriert seit: 05.05.06 Likes: 24	Welches Gebastel meinst du?? __________________ fat people are hard to kidnap

16.08.06, 16:02	#2 (permalink)
CPU8080 Registriert seit: 20.07.05 Likes: 0	Warum machst nicht ein Table mit zwei Spalten mit jeweils einem Hintergrundbild. Oder du machst die beide Bilder zusammen

16.08.06, 19:33	#7 (permalink)
[starfoxx] Senior Member Registriert seit: 18.09.05 Likes: 0	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

16.08.06, 21:20	#9 (permalink)
[starfoxx] Senior Member Registriert seit: 18.09.05 Likes: 0	Naja, wie hast dus nun gemacht? Zindex? Quelltext? Ich kann mir momentan nichtmal vorstelln was du genau willst

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
mit VB bmp pics in jpg pics umwandeln	BloodEye	Code Kitchen	3	11.05.05 19:51
Lustige Pics	Voodoo	Fun Section	0	07.03.04 21:06
lustige pics	Ghost	Fun Section	5	08.09.03 20:10
lustige pics	sell0r	Off topic-Zone	5	08.09.03 20:10

[HaBo]

2bg pics? wie?