WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Background positioning

View previous topic View next topic Go down  Message [Page 1 of 1]

1Background positioning Empty Background positioning Sun May 30, 2010 12:56 am

latchy

latchy
Registered Member
Registered Member
Hello All,

I have made a background for my forum and it looks fine on a large screen, everything is in it's place. But when I switch to the laptop everything is out of place.

Here is the background Smile

Background positioning 24475514

Please don't use this without my permission Wink

http://www.graphiccentral.org/

2Background positioning Empty Re: Background positioning Sun May 30, 2010 1:50 am

Kratos

Kratos
Registered Member
Registered Member
can you tell me how you have used this as your bg? i mean any code in the css you used?

3Background positioning Empty Re: Background positioning Sun May 30, 2010 3:45 am

latchy

latchy
Registered Member
Registered Member
I did not use CSS to use it, I just put it in pics management with fixed positioning Wink

http://www.graphiccentral.org/

4Background positioning Empty Re: Background positioning Mon May 31, 2010 4:05 am

latchy

latchy
Registered Member
Registered Member
Bump please Sad

http://www.graphiccentral.org/

5Background positioning Empty Re: Background positioning Mon May 31, 2010 8:28 am

ankillien

ankillien
Administrator
Administrator
Hi,

Getting it exactly same in all resolutions is difficult. You need to change the width of the background.

Is your site having fixed width or fluid?

6Background positioning Empty Re: Background positioning Mon May 31, 2010 9:17 am

Krazy


Registered Member
Registered Member
We want it to work on all monitors, so fluid.

7Background positioning Empty Re: Background positioning Mon May 31, 2010 11:04 am

ankillien

ankillien
Administrator
Administrator
Its almost impossible to get it on a fluid design.
Still I'll try some codes and see if it can be done.

8Background positioning Empty Re: Background positioning Mon May 31, 2010 7:59 pm

latchy

latchy
Registered Member
Registered Member
OK thanks Smile

http://www.graphiccentral.org/

9Background positioning Empty Re: Background positioning Mon May 31, 2010 8:51 pm

ankillien

ankillien
Administrator
Administrator
I found a way out, I guess.
For this you need to slice your background in two parts.

Try adding this code to your CSS and you'll see how is it going to be...

Code:
body {
background : url(LEFT SIDE BG) repeat-y left !important;
}

.body_bg_2 {
background : url(RIGHT SIDE BG) repeat-y right !important;
}

10Background positioning Empty Re: Background positioning Tue Jun 01, 2010 12:31 am

latchy

latchy
Registered Member
Registered Member
I will try that, in like 1 hour. I just finish eating my dinner Razz

http://www.graphiccentral.org/

11Background positioning Empty Re: Background positioning Tue Jun 01, 2010 11:13 pm

latchy

latchy
Registered Member
Registered Member
That never worked at all Razz

Take a look...
http://latchytest.forumotion.com/index.htm

http://www.graphiccentral.org/

12Background positioning Empty Re: Background positioning Tue Jun 01, 2010 11:35 pm

ankillien

ankillien
Administrator
Administrator
latchy wrote:That never worked at all Razz

Take a look...
http://latchytest.forumotion.com/index.htm

It didn't work since you tested it on your phpBB3 test forum while your working forum is phpBB2 and the templates are modified.

Test it on your working board (Graphic central). It should work and please don't forget to add image url for both the sides.

13Background positioning Empty Re: Background positioning Thu Jun 17, 2010 8:26 pm

latchy

latchy
Registered Member
Registered Member
How could I do this on PunBB?

http://www.graphiccentral.org/

14Background positioning Empty Re: Background positioning Fri Jun 18, 2010 12:33 pm

ankillien

ankillien
Administrator
Administrator
Code for punBB...

Code:
body {
background : url(LEFT SIDE BG) repeat-y left !important;
}

.pun {
background : url(RIGHT SIDE BG) repeat-y right !important;
}

15Background positioning Empty Re: Background positioning Sat Jun 19, 2010 3:52 am

latchy

latchy
Registered Member
Registered Member
Solved Smile

Thanks ani Smile

http://www.graphiccentral.org/

16Background positioning Empty Re: Background positioning Sat Jun 19, 2010 8:38 am

Jophy

Jophy
Registered Member
Registered Member
Solved => Topic Locked

http://www.socialtechforum.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Background positioning

Permissions in this forum:
You cannot reply to topics in this forum