Contact Forum Editor

Send an email to our Forum Editor:

PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Web Design Help

It's free to register, to post a question or to start / join a discussion

View Forum Rules | Contact Forum Editor

 

HTML Layout moves on certain pages

Rockitt

Likes # 0

Posted January 29, 2013 at 10:40AM

Hi All,

I'm new to web-design and in the process of making my 1st website, and come up against this problem that has me baffled.

My site is designed with a CSS stylesheet for the layout and menu buttons, the code is mostly in html, but i have a members area and log-in which is coded in php.

The problem i am having, is adding a PayPal button to one of the pages.

It doesn't matter where in the code i put the button, the whole page moves when you display it (Shifts to the right about 1cm)

The entire page moves, all is alligned correctly and the layout the same and i have no idea why!

I've tried everything from changing the margins and widths in the CSS which makes the layout worse and i lose menu's or the layout changes on all pages

Every page except this one displays the same, the layout is fine.

I don't know how to explain it, but its annoying seeing this one page move when the page loads.

Any help would be appreciated.

Thanks

Like this post
Forum Editor

Likes # 0

Posted January 29, 2013 at 4:28PM

When you insert the code, have you looked at the page in Design mode in your site design software? Once the code is in the page you should be able to use design mode to move the button to an exact position, and keep it there. Then you can sort out any small design alterations with the rest of the page content.

It's usually a pretty straightforward procedure.

Like this post
Rockitt

Likes # 0

Posted January 29, 2013 at 4:54PM

Thanks for your reply,

I've gone from design mode, and back to code over and over, spent hours on this one page

I've moved the boxes around, changed (added and removed) tags and all it does is screws up the page more.

I managed to get it inline by making a copy of the CSS sheet just for this one page, and adding a 17px margin to the left in

This fixes the moving issue slightly, but only in some resolutions so its just a temporary fix

Like this post
fourm member

Likes # 0

Posted January 30, 2013 at 9:04AM

If the site is live, post a link and I'm sure someone will be able to spot what's happening.

Like this post

Reply to this topic

close
What is Markdown?

Markdown lets you add more formatting to your post. Simply type in your post and it will display as written.

If you wish to add bold or italic characters, add a hyperlink to another website, a heading or a horizontal line, simply use the relevent icons above the text input field.

A preview of your post will appear in the grey box below. If you make a change and you're not happy, simply press the back arrow icon to undo.






Check out PC Advisor's other tech forums

Send to a friend

Email this article to a friend or colleague:

PLEASE NOTE: Your name is used only to let the recipient know who sent the story. Both your name and the recipient's name and address will not be used for any other purpose.

* *