Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 10
Seite [1]
WasteL


Try to beat me




Beiträge: 117
 # Thema - 11.07.2008 um 19:00 Uhr
Hi!

Ich möchte gerne auf dieser Seite: http://mywork.my.funpic.de/pG/ links und rechts verschiedene Hintergrunbdbilder einfügen, die sich horizontal auf der jeweiligen Seite "ausbreiten".

Kann mir bitte jemand sagen, wie ich das anstelle?

Das soll übrigens nur eine Prepage sein
Ich werde noch versuchen an Clansphere anzupassen.

Schönen Gruß,
WasteL
Inaktiv
taM*


Geekboy




Beiträge: 1055
 # Antwort: 1 - 11.07.2008 um 19:04 Uhr
ganz links und ganz rechts?

hmm, 2 unterschiedliche...

body {background-image:url('<link>');} wäre für beide seiten.
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 2 - 11.07.2008 um 19:06 Uhr
du könntest 2 divs absolut positionieren, das währe hohl die einfachste variante


@tam.. wie solln das gehen... der eine, würde den andern wert überschreiben.


------------------



Zuletzt editiert von X-R4Y ClanSphere Team am 11.07.2008 um 19:06 Uhr (1x Editiert)
Inaktiv
|
taM*


Geekboy




Beiträge: 1055
 # Antwort: 3 - 11.07.2008 um 19:15 Uhr
body {background-image:url('<link>');} wäre für beide seiten.




Er hätte ja auch den Content Bereich meinen können..
sry bin grad' etwas durcheinander


Inaktiv
|
WasteL
Thread-Ersteller


Try to beat me




Beiträge: 117
 # Antwort: 4 - 11.07.2008 um 21:11 Uhr
Jo, ich meine das mit den 2 Divs, aber wie lautet der Code?

Frage ungern nach dem kompletten Code dafür, aber ich komme echt nicht drauf... Habe vorhin die ganze Zeit mit Dreamweaver mein Glück versucht!


Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 5 - 11.07.2008 um 21:19 Uhr
css is da key....

position:absolute;
left:0px;
top:0px;



position:absolute;
lright:0px;
top:0px;

evtl noch per z-index in den hintergrund bringen...


------------------
Inaktiv
|
WasteL
Thread-Ersteller


Try to beat me




Beiträge: 117
 # Antwort: 6 - 11.07.2008 um 21:32 Uhr
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
1. / 2. / ... 
<?php <body>

<div id="perpetual">

  <div id="bglinks">  </div>
  <div id="header">  
  <img align="right" src="Bilder/escSV_banner728x90.gif" alt="AD">
  </div>
    
    <div id="login">  </div>
  <div id="bgrechts">  </div>
<div id="boxes">
         <div id="infobox">      </div>
        <div id="warbox">        </div>
        <div id="lineupbox">        </div>
  </div>
    
    <div id="main">
        <div id="content">
             <img id="news" src="Bilder/pg_08.jpg">        </div>
        <div id="extra">
            <img id="server" src="Bilder/pg_09.jpg" />        </div>
  </div>
    
    <div class="auswahl1" id="footer">
    <br />
    <strong>Kontakt - Impressum - Skriptinfo</strong> </div>
    
    <div class="auswahl1" id="footer2">
    <br />
    <strong>Perpetual Gaming 2008</strong> </div>
</div>

</body> ?>

Ist mein Quelltext und:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
1. / 2. / ... 
<?php 
body {background-color:#FFFFFF; margin-top:0px; }

#perpetual { background-color:#FFFFFF; height:auto; width:990px; margin-top:0px; margin: 0 auto; }

#header { background-image:url(Bilder/pg_01.jpg); height:157px;}

#login { background-image:url(Bilder/pg_02.jpg); height:102px; }

#boxes { width:990px; height:243px; }

    #infobox { background-image:url(Bilder/pg_03.jpg); float:left; width:361px; height:243px; }
    
    #warbox { background-image:url(Bilder/pg_04.jpg); float:left; width:269px; height:243px; }
    
    #lineupbox { background-image:url(Bilder/pg_05.jpg); float:left; width:360px; height:243px; }
    
#main { }

    #content { background-image:url(Bilder/pg_06.jpg); background-repeat:no-repeat; float:left; width:630px; height:186px; }
    
    #extra { background-image:url(Bilder/pg_07.jpg); background-repeat:no-repeat; float:left; width:360px; height:186px; }
    
#news { margin-top:28px; }

#server { margin-top:28px; }

#footer { background-image:url(Bilder/pg_10.jpg); background-repeat:no-repeat; float:left; width:630px; height:25px; text-align:center; }

#footer2 { background-image:url(Bilder/pg_11.jpg); background-repeat:no-repeat; float:left; width:360px; height:25px; text-align:center; }

.auswahl1 {
    font-family: Verdana;
    font-size: 10px;
}

#bglinks { background-image:url(Bilder/bg-links.jpg); position:absolute; left:0; top:0; }

#bgrechts { background-image:url(Bilder/bg-rechts.jpg); position:absolute; right:0; top:0; } ?>

ist meine style.css

Habe es so gemacht, wie du gesagt hast, geht aber leider nicht!


Zuletzt editiert von WasteL am 11.07.2008 um 21:32 Uhr (1x Editiert)
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 7 - 12.07.2008 um 16:45 Uhr
nimm mal die hintergrund-div´s aus den container... evtl mach das probleme


------------------
Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
 # Antwort: 8 - 12.07.2008 um 16:49 Uhr
dann musst du denen aber allen einen z-index zu weisen


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 9 - 12.07.2008 um 16:55 Uhr
ned ganz.. nur den container, hauptcontainer, und den zwei divs im bg


------------------
Inaktiv
|
WasteL
Thread-Ersteller


Try to beat me




Beiträge: 117
 # Antwort: 10 - 12.07.2008 um 17:05 Uhr
Danke, habe den Fehler mit den z-indexen gemacht. Habe die Zahlen vertauscht xD (Steht nicht im Code oben...)


Inaktiv
|
Antworten: 10
Seite [1]


Sie müssen sich registrieren, um zu antworten.