We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message
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.

Tech Helproom


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


 

HTML Layout moves on certain pages


Rockitt

Likes # 0

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

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

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

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

This thread has been locked.



IDG UK Sites

LG G Watch review: Android Wear smartwatch is the best around, so far

IDG UK Sites

How to join Apple's OS X Beta Seed Program: Get OS X Yosemite on your Mac before public release

IDG UK Sites

Why the BBC iPlayer outage was caused by a DDoS attack: Topsy and Tim isn't *that* popular

IDG UK Sites

See Glasgow 2014 in UHD as history is made