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

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

1Width Help Empty Width Help Mon Jun 14, 2010 10:34 am

Nem

Nem
Registered Member
Registered Member
How can I adjust the width, not for the body of the forum but for the text inside. For example the part where the forum would be written, like the title for the category all the "box" type things. How could i make those more narrow to fit into a box I have in my background image Razz Cant seem to find the code. anyone got it? :]



Last edited by Nem on Fri Jun 18, 2010 12:55 am; edited 1 time in total

http://www.graphics-post.com/forum

2Width Help Empty Re: Width Help Mon Jun 14, 2010 1:56 pm

ankillien

ankillien
Administrator
Administrator
Hello!

If you are using punBB, this code will help you to adjust the width...

Code:
.pun {
width : 850px;
}

3Width Help Empty Re: Width Help Mon Jun 14, 2010 6:26 pm

Nem

Nem
Registered Member
Registered Member
I am using PunBB, but that code has no effect on the site

http://www.graphics-post.com/forum

4Width Help Empty Re: Width Help Mon Jun 14, 2010 11:38 pm

ecosystem

ecosystem
Registered Member
Registered Member
Hi Nem,

I tested the code out with Chrome and you probably need to add a 'min-width' element to ankillien's code.

In your CSS, find the part that says:
Code:
.pun {
width: 850px;
}
(Your actual width may be different)

Replace it with this code:
Code:

.pun {
width : 550px;
min-width: 0 px;
}
(Change the width number to whatever width you want, but make sure you keep the "min-width" at zero.)

Hope this helped Smile

5Width Help Empty Re: Width Help Tue Jun 15, 2010 2:01 am

Nem

Nem
Registered Member
Registered Member
Man still, nothings changing :/

http://www.graphics-post.com/forum

6Width Help Empty Re: Width Help Wed Jun 16, 2010 5:09 am

ecosystem

ecosystem
Registered Member
Registered Member
Okay, maybe we'll take this one step at a time.
Since you showed the url of your site in your other thread, that helps a little.\

Look in your CSS and see if you can find something that looks like this:
Code:

.pun {
background-color: black;
background-image: url(http://i61.servimg.com/u/f61/15/31/03/40/fron_l10.jpg);
background-repeat: repeat-y;
line-height: 130%;
margin: 0px auto;
min-width: 750px;
padding: 0px;
width: 1020px;
}

Do you see it?

Use Ctrl + F to search for it.

7Width Help Empty Re: Width Help Wed Jun 16, 2010 5:37 am

Nem

Nem
Registered Member
Registered Member
Code:
.pun {
   width: 1020px;
   margin: 0 auto;
   padding: 0px;
background-color: #000000;
background-image: url('http://i61.servimg.com/u/f61/15/31/03/40/fron_l10.jpg');
background-repeat: repeat-y;
background.position: center;

I'll take it this is what your referring too, and yes I have it. What now?

http://www.graphics-post.com/forum

8Width Help Empty Re: Width Help Wed Jun 16, 2010 5:50 am

ecosystem

ecosystem
Registered Member
Registered Member
Now adjust the number where it says "width: 1020px;"
Maybe change it to 720px and decrease it as you wish.

Also, you should add a "min-width: 0px;" underneath that^ element.


*Don't use quotations*

9Width Help Empty Re: Width Help Wed Jun 16, 2010 6:00 am

Nem

Nem
Registered Member
Registered Member
I did that to fit my background image on, I have to background images, the actual back background like the gray part and then the detailed part with the box's and if I adjust the width the layout part will get cut off. I prob shoulda had it all as 1 image in the background... Alright I think i have an idea, I'll test some stuff out and I'll write back. While im on that could u see if u have any solutions to my other problems. Thanks Very Happy

http://www.graphics-post.com/forum

10Width Help Empty Re: Width Help Wed Jun 16, 2010 6:10 am

Nem

Nem
Registered Member
Registered Member
Damn, I set my background to both pictures together so i ciuld adjust the width for the text.. but turns out it doesnt go any less wider then around 700px, and I need it more narrow. Any way i can get around it?

http://www.graphics-post.com/forum

11Width Help Empty Re: Width Help Wed Jun 16, 2010 6:19 am

Russel

Russel
Moderator
Moderator
Nem, may I remind you that double/triple posting is not tolerated unless separated by a 24 hour period.

https://www.twitter.com/russeltubo

12Width Help Empty Re: Width Help Wed Jun 16, 2010 6:56 am

Nem

Nem
Registered Member
Registered Member
I dont get it.. I go to other topics and so many people double post. Plus how am i suppose to tell him wat happened without posting it?

http://www.graphics-post.com/forum

13Width Help Empty Re: Width Help Wed Jun 16, 2010 9:41 am

Russel

Russel
Moderator
Moderator
Hello,

For your information, we staff reminding member/s when we see violating one rule. No offense but i have just reminded for you not to do it again.

May i suggest you to re-read the webartz forum rules.

Regards,
Russel

https://www.twitter.com/russeltubo

14Width Help Empty Re: Width Help Wed Jun 16, 2010 11:27 pm

ecosystem

ecosystem
Registered Member
Registered Member
Nem wrote:Damn, I set my background to both pictures together so i ciuld adjust the width for the text.. but turns out it doesnt go any less wider then around 700px, and I need it more narrow. Any way i can get around it?
Show me what you have under the ".pun {" element at the moment, then I'll see what I can do Cool .

15Width Help Empty Re: Width Help Thu Jun 17, 2010 2:14 am

Nem

Nem
Registered Member
Registered Member
Code:
.pun {
  width: 1020px;
  margin: 0 auto;
  padding: 0px;
background-color: #000000;
background-image: url('');
background-repeat: repeat-y;
background.position: center;

It's the same as before except I don't have the 2nd background that layers above the actual background. And still the same problem, the width wont go more narrow then like 700px and i need it more.

http://www.graphics-post.com/forum

16Width Help Empty Re: Width Help Thu Jun 17, 2010 2:48 am

ecosystem

ecosystem
Registered Member
Registered Member
Code:
.pun {
  width: 550px;
  min-width: 0px;
  margin: 0 auto;
  padding: 0px;
background-color: #000000;
background-image: url('');
background-repeat: repeat-y;
background.position: center;

Replace your old code with this^
Change 550 to whatever number you need.

17Width Help Empty Re: Width Help Thu Jun 17, 2010 2:58 am

Nem

Nem
Registered Member
Registered Member
That just messed up everything and now my nav bar is f'd. :/ I put it bac to wat it was but my nav bar is still not the same and i can only see 1 tab...

http://www.graphics-post.com/forum

18Width Help Empty Re: Width Help Thu Jun 17, 2010 3:24 pm

ankillien

ankillien
Administrator
Administrator
Hi!

Do you want to change the width of the main box that contains the forums?
This code should do it...

Code:
#main {
width : 600px;
}

--------------------
If you ever need to add info to your post, before someone posting or before 24 hours, please use the EDIT button Smile

19Width Help Empty Re: Width Help Thu Jun 17, 2010 5:42 pm

Nem

Nem
Registered Member
Registered Member
That worked thanks, but only the right side is narrowing. The left edge seems to be fixed to 1 point, is there a code where i can center it?

http://www.graphics-post.com/forum

20Width Help Empty Re: Width Help Thu Jun 17, 2010 6:40 pm

ankillien

ankillien
Administrator
Administrator
Try this please...

Code:
#main {
margin-left : 20px;
}

Sponsored content


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

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