Need support

Joan · 07-25-2006, 06:47 AM

As you can see my site has a big border on the right hand site ( 30% of the total area )
Doesn’t look good.
Can anybody help me to place the site centric? ( 15% on the left and 15% on the right)

Where do I have to change it and do I have to change it for each site or just for one?

http://www.jpadilla-international.com

Thanx

jumpenjuhosaphat · 07-25-2006, 10:43 AM

Put the contents of the page into a div tag then center the contents within the CSS file, this way, if the viewer is looking at the page with a screen resolution of 800x600, the whole page will be on the screen, and for larger resolution screens, the page will be centered.

On my system, it doesn't need to be moved over because I use a screen resolution of 800x600. If you moved it over, you would drive away alot of viewers because having to use a scroll bar to read the content can be annoying, but I think what I said before should give you the solution you are looking for.

HouseOfRock · 07-25-2006, 12:10 PM

As was said above, place your whole page in a "container" div, and then style the div with CSS to include the following.

Code:

div#container {
margin: 0 auto;
text-align: center;
}

Then remember to left-align your text in your elements further in.
Hope this helps.

Zack · 07-25-2006, 07:00 PM

or the following...

Code:

#containter {
margin: 0;
margin-left: auto;
margin-right: auto;
}

HTMLGuy

jumpenjuhosaphat · 07-25-2006, 07:05 PM

How does it work? I've never seen the "auto" attribute.

Katey · 07-25-2006, 08:42 PM

Hi there,

I assume it automatically assigns the amount of space on each margin, by the amount of space remaining, this is just an assumption although I'm sure I have used this attribute before?

Regards,
Kieran Taylor.

Joan · 07-26-2006, 08:46 AM

Quote:

Originally Posted by htmlguy

or the following...

Code:

#containter {
margin: 0;
margin-left: auto;
margin-right: auto;
}

HTMLGuy

Hi thanx, I had some problems with the guy who was helping me and now I've to make it on my own, or at least I try to change things . So far the only thing I am good in is changing text on my own :-) . O.k. above there's the script which I should insert, but WHERE do I have to place this script, just once in styless css?
Sorry I'm an absolute beginner.

Joan · 07-26-2006, 09:12 AM

Now I have a problem, it looks like this
even if I put the code out and the page is again as it was already it remains like this
http://www.jpadilla-international.com/
Pls help

jumpenjuhosaphat · 07-26-2006, 09:42 AM

That is is an id selector, you would insert the above code into your css. You would then apply that id (container) to one element in your html file, this could be the body tag, a div tag, or any other tag that the attributes would apply to.

like this:

Code:

<body id="container">

That applies the attributes in #container to the body tag.

Joan · 07-26-2006, 10:08 AM

o.k. again,
When I insert:#containter {
margin: 0;
margin-left: auto;
margin-right: auto;
}

OR

#containter {
margin: 0;
margin-left: auto;
margin-right: auto;
}
The site becomes centric however it’s slighty displaced to the right on the upper part, that sucks. Did u forgot a small detail?
So what else can we try?

Thanx

jumpenjuhosaphat · 07-26-2006, 10:14 AM

I'm not seeing any difference, are you adding that code to your live site, or are you doing it on your home computer files? I don't see the code in css or the selector in your html.

Make the changes on the live website, so we can help you further by viewing the changed code and the effect is has on your page.

Joan · 07-26-2006, 10:30 AM

Quote:

Originally Posted by jumpenjuhosaphat

I'm not seeing any difference, are you adding that code to your live site, or are you doing it on your home computer files? I don't see the code in css or the selector in your html.
Make the changes on the live website, so we can help you further by viewing the changed code and the effect is has on your page.

I've already kicked the codes off, as it looked terrible but imagine as I explained, when I placed the codes, first one then tried the other one, the upper part of the site was slightly moved to the right beginning from the first navigation option on the left hand site ( about us ).

jumpenjuhosaphat · 07-26-2006, 10:38 AM

It's hard for me to visualize it, maybe try putting the code back in, I will be here for the rest of the morning, so I can see it first hand, after I respond again, you can then change it back so that it doesn't remain looking bad for too long.

Katey · 07-26-2006, 12:23 PM

Hi there,

Do you know that your site is still left-aligned?

Regards,
Kieran Taylor.

Joan · 07-26-2006, 05:27 PM

Can anybody help me to place my site centric?

07-25-2006, 06:47 AM	#1
Joan Member Join Date: Jan 2006 Location: Takatuka Land Posts: 67	Need support As you can see my site has a big border on the right hand site ( 30% of the total area ) Doesn’t look good. Can anybody help me to place the site centric? ( 15% on the left and 15% on the right) Where do I have to change it and do I have to change it for each site or just for one? http://www.jpadilla-international.com Thanx __________________ Funny smilies

07-25-2006, 10:43 AM	#2
jumpenjuhosaphat Forum Admin Contributor Join Date: Jun 2006 Location: Denver Posts: 4,459	Re: Need support Put the contents of the page into a div tag then center the contents within the CSS file, this way, if the viewer is looking at the page with a screen resolution of 800x600, the whole page will be on the screen, and for larger resolution screens, the page will be centered. On my system, it doesn't need to be moved over because I use a screen resolution of 800x600. If you moved it over, you would drive away alot of viewers because having to use a scroll bar to read the content can be annoying, but I think what I said before should give you the solution you are looking for. __________________ Storage Sheds Lost Forum Last edited 07-25-2006 at 10:47 AM.

07-25-2006, 12:10 PM	#3
HouseOfRock Member Join Date: Jan 2006 Location: Massachusetts Posts: 136	Re: Need support As was said above, place your whole page in a "container" div, and then style the div with CSS to include the following. Code: div#container { margin: 0 auto; text-align: center; } Then remember to left-align your text in your elements further in. Hope this helps. __________________ Visit my new and improved humor site: It's Just Humor Or check out the newest source for HQ celebrity images: It's Just Babes

07-25-2006, 07:00 PM	#4
Zack Junior Guru Join Date: Dec 2005 Location: North Carolina Posts: 759	Re: Need support or the following... Code: #containter { margin: 0; margin-left: auto; margin-right: auto; } HTMLGuy __________________ yaxal releases '07

07-25-2006, 07:05 PM	#5
jumpenjuhosaphat Forum Admin Contributor Join Date: Jun 2006 Location: Denver Posts: 4,459	Re: Need support How does it work? I've never seen the "auto" attribute. __________________ Storage Sheds Lost Forum

07-25-2006, 08:42 PM	#6
Katey Senior Member Join Date: Apr 2006 Location: Hull, United Kingdom. Posts: 317	Re: Need support Hi there, I assume it automatically assigns the amount of space on each margin, by the amount of space remaining, this is just an assumption although I'm sure I have used this attribute before? Regards, Kieran Taylor.

07-26-2006, 09:12 AM	#8
Joan Member Join Date: Jan 2006 Location: Takatuka Land Posts: 67	Re: Need support Now I have a problem, it looks like this even if I put the code out and the page is again as it was already it remains like this http://www.jpadilla-international.com/ Pls help __________________ Funny smilies

07-26-2006, 09:42 AM	#9
jumpenjuhosaphat Forum Admin Contributor Join Date: Jun 2006 Location: Denver Posts: 4,459	Re: Need support That is is an id selector, you would insert the above code into your css. You would then apply that id (container) to one element in your html file, this could be the body tag, a div tag, or any other tag that the attributes would apply to. like this: Code: <body id="container"> That applies the attributes in #container to the body tag. __________________ Storage Sheds Lost Forum Last edited 07-26-2006 at 09:50 AM.

07-26-2006, 10:08 AM	#10
Joan Member Join Date: Jan 2006 Location: Takatuka Land Posts: 67	Re: Need support o.k. again, When I insert:#containter { margin: 0; margin-left: auto; margin-right: auto; } OR #containter { margin: 0; margin-left: auto; margin-right: auto; } The site becomes centric however it’s slighty displaced to the right on the upper part, that sucks. Did u forgot a small detail? So what else can we try? Thanx __________________ Funny smilies

07-26-2006, 10:14 AM	#11
jumpenjuhosaphat Forum Admin Contributor Join Date: Jun 2006 Location: Denver Posts: 4,459	Re: Need support I'm not seeing any difference, are you adding that code to your live site, or are you doing it on your home computer files? I don't see the code in css or the selector in your html. Make the changes on the live website, so we can help you further by viewing the changed code and the effect is has on your page. __________________ Storage Sheds Lost Forum

07-26-2006, 10:38 AM	#13
jumpenjuhosaphat Forum Admin Contributor Join Date: Jun 2006 Location: Denver Posts: 4,459	Re: Need support It's hard for me to visualize it, maybe try putting the code back in, I will be here for the rest of the morning, so I can see it first hand, after I respond again, you can then change it back so that it doesn't remain looking bad for too long. __________________ Storage Sheds Lost Forum

07-26-2006, 12:23 PM	#14
Katey Senior Member Join Date: Apr 2006 Location: Hull, United Kingdom. Posts: 317	Re: Need support Hi there, Do you know that your site is still left-aligned? Regards, Kieran Taylor.

07-26-2006, 05:27 PM	#15
Joan Member Join Date: Jan 2006 Location: Takatuka Land Posts: 67	Re: Need support Can anybody help me to place my site centric? __________________ Funny smilies

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
support script ?	tai23	Introduce yourself	2	10-26-2006 04:12 PM
support lebanon	yalla	Domains for Sale	0	10-24-2006 04:12 PM
My Music Education Needs Support	Intripita-MH	General Talk	0	10-13-2006 12:04 AM
Dear Tech Support	NavyCS	General Talk	0	02-07-2006 04:51 AM