I've look around for answers and can't seem to find any. I've posted an image, it's the call for your free consultation/we'll call you. It seems to have an unusual amount of whitspace on either side. It's making my site scroll way farther right than it should. Any help is greatly appreciated. Thanks!
http://gdrummer95.comule.com/
The problem is #contactform has a width of 85%. That's causing the page to scroll to the right. Set the width directly on the image instead of the form.
Related
I am kind of new to stackoverflow, but I came here for help... I have a really stupid question: I have an unwanted white space at the bottom of the page, this has been bothering me for days and I can't seem to fix it...
The website is:
http://mateo226.byethost4.com/plans.html
Picture:
http://i1252.photobucket.com/albums/hh576/mateo72354/Screenshotfrom2014-06-22194407_zpse274bef9.png
Thank you!
I only see white space in a maximized window. If that's what you want to get rid of, you're going to need to scale your content (which might look ugly) or space it out vertically. Either way, I think it looks fine.
If your white space issue is browser specific, try adding at the beginning of your CSS *{padding:0;margin:0;} and seeing if that fixes things.
And on a personal note, move away from Byet. They sound good to someone who's learning but aren't really as good as they seem. I've had my best luck with ServersFree.com.
EDIT: It's just your window. If it really bothers you and you want some framing, go ahead and give your page a center column:
body{
width:1000px;
margin:auto auto;
}
Here's my code: http://pastebin.com/gjyKH5hD
Live example: http://rusti.dk/test/
I honestly don't know what I'm doing wrong. I've been fiddling with this for days now. I thought it was a simple task, apparently not for me. Would really appreciate a bright mind to help me out.
Basicly all I'm trying to make is two divs next to each other centered on the page. With a 1px black border going all the way around and inbetween.
Left box: 350px width, 600px min-height, used to display facebook like box.
Right box: 450px width, 600px min-height, used for the content of the page.
Background: One big image.
Could anyone help me out? I think it's the FB-likebox that might be the troublemaker, but I'm really not sure. :/
You've missed one closing </div> for the left box.
See: http://jsfiddle.net/2qj5a/
I've added it in line 12.
The Image attached is what i am trying to accomplish!
Now here is my codePen example: http://codepen.io/anon/pen/leEdg
I cannot change the placement of the circle cause that is being animated on a path and has to stay where it is. What i want to do is be able to move the .stepInfo over to justify it correctly. Now the text that comes after the little line ball guy is dynamic and will be a variable size. So fixed width might not be the right answer.
Any help will be GREATLY appreciative! Thanks in advance!!!
So here is what I think will work out for you! I floated the text to the right, but that is only a minute problem to other things. Going through your code, I found 'pt' instead of 'px' which is fine but just stay consistent going through. Another thing, if you adjust the padding of the step label, it will adjust the positioning. So in a new, revised codpen, I did that for you :) If you have ANY questions, just leave a comment and I can try to help explain as much as possible.
I can't figure out how to remove all the extra space at the bottom of this page. I am a beginner at web design and it probably shows, I only know HTML and CSS and then only a little, but any help with where I have gone wrong would be appreciated.
You have images within 'p' tags that are position:relative; that needs to be updated appropriately they are currently not visible at the bottom, but taking up space at the bottom of the page.They are the button images at the top right.
Example:
adoptaroadwork.png
You'll need to check your design and css to fix this issue.
i'm getting extremely frustrated here. i can't seem to get my centered column to extend all the way to the bottom of the page. i tried clearing floats, and i tried messing with the height of the body and html and columns, but it's not working.
i'd really appreciate it if someone could take a look and tell me what's going on. i just can't seem to figure it out, and this isn't the first time i've had this problem. i don't understand what's happending.
http://www.thefittedshirtchicago.com/tfs.html
if you scroll to the bottom, below the icons, there is a little bit of space where the lighter background shows through. i can't seem to get that to go away. the black of the center container is supposed to extend down behind it. it's especially evident if you change the size of your window.
any tips would be very helpful.
It seems you have the following after the (clear-div that follows the) footer-div:
<br />
c
Try removing that!