Link to home
Start Free TrialLog in
Avatar of ujitnos
ujitnosFlag for United Arab Emirates

asked on

PHP/CSS Coding

Hi

I need to edit the size/width of the content and the sidebar part of this website.

http://secureinfo.info

I tried editing the layout.css file but the width does not seem to change. I need to increase the width of the website body and decrease the sidebar width. Attached is the oriignal layout.css file.

I have not idea about css or php coding, so any help is welcome.
 layout.css
Avatar of Pratima
Pratima
Flag of India image

first off all your page is not using layout.css

its using style.css

share that css
Avatar of ujitnos

ASKER

Ok, like i said, i dont have much idea about scripting. Take a look and tell me if you need anything else

 style.css
The reason you cannot reduce the sidebar width is because you already have a sidebar with a width of only 178px (see layout.css line 68) squeezing an iframe in the sidebar set to a width of 300px.  With the iframe, I don't know if you can reduce the sidebar any smaller than the 300px.
soory you need change in layout.css

div#content { width: 550px; padding: 0; float: left; }

div#content .pad { width: 550px; }


div#sidebar { width: 328px; padding: 0; margin: 0; float: right; }

div#sidebar .pad { width: 328px; margin: 0; padding: 0; }



try to change it to

div#content { width: 500px; padding: 0; float: left; }

div#content .pad { width: 500px; }


div#sidebar { width: 378px; padding: 0; margin: 0; float: right; }

div#sidebar .pad { width: 378px; margin: 0; padding: 0; }
ASKER CERTIFIED SOLUTION
Avatar of Pratima
Pratima
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ujitnos

ASKER

I tried changing it to the setting below, but no luck

div#content { width: 700px; padding: 0; float: left; }
div#content .pad { width: 700px; }

div#sidebar { width: 178px; padding: 0; margin: 0; float: right; }
div#sidebar .pad { width: 178px; margin: 0; padding: 0; }
Avatar of ujitnos

ASKER

@OmniUnlimited

Line 68 shows the width as 328px

div#sidebar .pad { width: 328px; margin: 0; padding: 0; }
Yes, now it does.  Did you change it?
Avatar of ujitnos

ASKER

No, the original file had the width as 328
This width appears to be much more appropriate for the 300px iframe.
I examined your site through the url you gave me.  When I checked, it was at 178px.
Avatar of ujitnos

ASKER

ok, can we edit the width.....i need a smaller sidebar ?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ujitnos

ASKER

which iframe r u referring to?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ujitnos

ASKER

Ok, I managed to increase the width of the content, is there any way i can remove/move the dotted line. Please take a look.

http://secureinfo.info
Sure.  Just change the 600px to whatever you want in the background style located in the color.css file on line 44.
In looking at your page I would say around 650px or 660px maybe.
No, make that 670px or 680px.
If you want to take it out altogether just take out the background style.
Avatar of ujitnos

ASKER

Ok got it. dot was an image in a colour.css, moved it.
Super.  Thank you for the points.
Avatar of ujitnos

ASKER

Hi OmniUnlimited, need your help with a php coding on the above site, I will open a new case for you. Is it fine?
You bet.  Just click on the "ask a related question" link above the comments box.