Jump to content

ayy, so i have four images of equal size that i need tiled across the background of this html doc. never really messed around with multiple background images so im not necessarily awesome at this.

U using dreamweaver?

Laptop: Thinkpad W520 i7 2720QM 24GB RAM 1920x1080 2x SSDs Main Rig: 4790k 12GB Hyperx Beast Zotac 980ti AMP! Fractal Define S (window) RM850 Noctua NH-D15 EVGA Z97 FTW with 3 1080P 144hz monitors from Asus Secondary: i5 6600K, R9 390 STRIX, 16GB DDR4, Acer Predator 144Hz 1440P

As Centos 7 SU once said: With great power comes great responsibility.

Link to post
Share on other sites

@Loner

It would be easier to work with if you can stitch the four images together then use an external css to set it as the background image, tiled...

 

the external css is for uniformity among your pages...

Link to post
Share on other sites

nah np++, i do have my accreditation in DW tho

make the images into one with photoshop or something that should make it easy

Laptop: Thinkpad W520 i7 2720QM 24GB RAM 1920x1080 2x SSDs Main Rig: 4790k 12GB Hyperx Beast Zotac 980ti AMP! Fractal Define S (window) RM850 Noctua NH-D15 EVGA Z97 FTW with 3 1080P 144hz monitors from Asus Secondary: i5 6600K, R9 390 STRIX, 16GB DDR4, Acer Predator 144Hz 1440P

As Centos 7 SU once said: With great power comes great responsibility.

Link to post
Share on other sites

make the images into one with photoshop or something that should make it easy

problem is having a fix background size means its gonna scale based on the users screen size. It's not easy to get it to match up unless it's a image that is created to seamless join to the next one.

 

Though making one image is going to be much more manageable.

html {   background: url(images/bg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

Works in:

Safari 3+, chrome, FF 3.6+, IE  9+, Opera 10+

                     ¸„»°'´¸„»°'´ Vorticalbox `'°«„¸`'°«„¸
`'°«„¸¸„»°'´¸„»°'´`'°«„¸Scientia Potentia est  ¸„»°'´`'°«„¸`'°«„¸¸„»°'´

Link to post
Share on other sites

problem is having a fix background size means its gonna scale based on the users screen size. It's not easy to get it to match up unless it's a image that is created to seamless join to the next one.

 

Though making one image is going to be much more manageable.

html {   background: url(images/bg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

Works in:

Safari 3+, chrome, FF 3.6+, IE  9+, Opera 10+

Yean i think easiest just to make it into one image, i use dreamweaver, its so easy.

Laptop: Thinkpad W520 i7 2720QM 24GB RAM 1920x1080 2x SSDs Main Rig: 4790k 12GB Hyperx Beast Zotac 980ti AMP! Fractal Define S (window) RM850 Noctua NH-D15 EVGA Z97 FTW with 3 1080P 144hz monitors from Asus Secondary: i5 6600K, R9 390 STRIX, 16GB DDR4, Acer Predator 144Hz 1440P

As Centos 7 SU once said: With great power comes great responsibility.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×