Avatar of ujitnos
ujitnos
Flag 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
Scripting LanguagesPHPCSS

Avatar of undefined
Last Comment
ujitnos

8/22/2022 - Mon
Pratima

first off all your page is not using layout.css

its using style.css

share that css
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
OmniUnlimited

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.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
Pratima

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
Pratima

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
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; }
ujitnos

ASKER
@OmniUnlimited

Line 68 shows the width as 328px

div#sidebar .pad { width: 328px; margin: 0; padding: 0; }
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
OmniUnlimited

Yes, now it does.  Did you change it?
ujitnos

ASKER
No, the original file had the width as 328
OmniUnlimited

This width appears to be much more appropriate for the 300px iframe.
Your help has saved me hundreds of hours of internet surfing.
fblack61
OmniUnlimited

I examined your site through the url you gave me.  When I checked, it was at 178px.
ujitnos

ASKER
ok, can we edit the width.....i need a smaller sidebar ?
SOLUTION
Log in to continue reading
Log In
Sign up - Free for 7 days
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
ujitnos

ASKER
which iframe r u referring to?
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
SOLUTION
Log in to continue reading
Log In
Sign up - Free for 7 days
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
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
OmniUnlimited

Sure.  Just change the 600px to whatever you want in the background style located in the color.css file on line 44.
OmniUnlimited

In looking at your page I would say around 650px or 660px maybe.
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
OmniUnlimited

No, make that 670px or 680px.
OmniUnlimited

If you want to take it out altogether just take out the background style.
ujitnos

ASKER
Ok got it. dot was an image in a colour.css, moved it.
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
OmniUnlimited

Super.  Thank you for the points.
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?
OmniUnlimited

You bet.  Just click on the "ask a related question" link above the comments box.
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23
ujitnos

ASKER