Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 4
Seite [1]
maGGiTech


Rock the board





Beiträge: 53
# Thema - 28.04.2014 um 18:16 Uhr
möchte ein div Element drei Background Images zuweisen, das klappt auch, jedoch überlappen sich die Bilder.

das ist der Code:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
1. / 2. / ... 
 #maincontentbg {
  
width:1120px;
  
height:100%;
  
float:left;
  
background:
  
url(../images/content_top.pngno-repeat scroll center top,
  
url(../images/content_bot.pngno-repeat scroll center bottom,
  
url(../images/content_mid.pngrepeat-y scroll center 92px;
  
position:relative;


Also das Bild in der Mitte soll erst nach 92px von oben anfangen und am besten 66px vor Ende wieder aufhören, jetzt habe ich halt das Problem das sie das überlappt. Das komische ist das wenn ich den x Wert wegschiebe geht es, das muss an den repeat-y liegen.

Gibt es da vllt. eine elegantere Lösung wie man das machen kann?

cms.team-pheenix.de ist die Seite


------------------
Mutligaming Community team-pheenix.de
Inaktiv
MastaofDisasta


Try to beat me




Herkunft: Saarbrücken
Beiträge: 189
# Antwort: 1 - 28.04.2014 um 20:17 Uhr
Hi,
mach doch aus den Bildern ein ganzes und setze das als Hintergrund


------------------
Grüße
MastaofDisasta

www.evonity-gaming.de

Inaktiv
|
maGGiTech
Thread-Ersteller


Rock the board





Beiträge: 53
# Antwort: 2 - 28.04.2014 um 20:48 Uhr
Das Div ist unterschiedlich groß, deswegen das wiederholende Bild in der MItte. Habe schon überlegt ob ich das Teil in der Mitte in Photoshop umkehre und über das Bild was oben und unten ist verschmelze ... geht net.


------------------
Mutligaming Community team-pheenix.de

Inaktiv
|
MastaofDisasta


Try to beat me




Herkunft: Saarbrücken
Beiträge: 189
# Antwort: 3 - 28.04.2014 um 21:05 Uhr
Schick mal ein Screenshot und einen Link damit ich es mal betrachten kann.


------------------
Grüße
MastaofDisasta

www.evonity-gaming.de

Inaktiv
|
maGGiTech
Thread-Ersteller


Rock the board





Beiträge: 53
# Antwort: 4 - 28.04.2014 um 21:18 Uhr
Link steht oben schon: http://cms.team-pheenix.de/



------------------
Mutligaming Community team-pheenix.de

Inaktiv
|
Antworten: 4
Seite [1]


Sie müssen sich registrieren, um zu antworten.