HTML Forum

**fitzy71** · 05-11-2005, 01:16 PM

Hi Everyone,

i'm really new to HTML so please bear with me. I'm from sunny England.

I have just designed my website (www.pc-tronics.co.uk) and i'm going to be using Pay-Pal for all my transactions, but i'm having a little problem inserting the HTML code that Pay-pal provide me for my buy it now buttons. I used a program called Web Easy Professional 5 from a company called V-Com. now when i insert the HTMl code from Pay-Pal using the custom script editor then preview my sight or upload it to my host the button is always placed int he top left hand corner of the page and cannot be placed next to the item it represents. I did find the following code on google but this just moved the whole page and put the top left hand corner of the page in the position where i want the button the code i used is <divstyle=positon:absolute; left:200;top:200;"> i even tried using px after the figures but still had same trouble. Can anyone else suggest anything else. Sorry for the long wulnded question but the more info you have the better hey. If you check out my website and navigate to the canon compatible inkjet cartridges page you will see what i mean.

Regards

fitzy71

**Jared** · 05-11-2005, 01:49 PM

The problem is mixing CSS and HTML. If it is possible, I would switch your page to only one of them so that all browsers read them the same.

Your webpage is written in CSS. The code you placed in was HTML. I wish I knew CSS so I could help you more. I'm sure somebody here can help you safely mix them.

**fitzy71** · 05-11-2005, 01:55 PM

How can you tell my webpage is written in CSS?

**CasaPages** · 02:48 PM

Um you can't write a page in CSS....it is only a style used for HTML it has nothing to do with HTML or scripting it just stylizes the HTML code....you cant use CSS alone it has to be with HTML, PHP, etc etc...

fitzy71- you are correct in having HTML and CSS.....(im not saying that it is valid code which it is not)

to center the layout on the page you need to place a div tag that encompases all the body HTML

example:

<body>
<div align="center">
YOUR SITES HTML
</div>
</body>

Im still not sure what exactly you are talking about.......

Oh and the page I think you are talking about is def. not valid......

try cleaning up the code a little bit and that may solve a lot of your problems....

**Jared** · 05-11-2005, 02:49 PM

Quote:

Um you can't write a page in CSS....it is only a style used for HTML it has nothing to do with HTML or scripting it just stylizes the HTML code....you cant use CSS alone it has to be with HTML, PHP, etc etc...

Oh. Sorry, I misled you then. Thanks CasaPages for the correction.

I guess you learn something new every day!

Quote:

How can you tell my webpage is written in CSS?

By looking at the code, you can see a line in there that says <script language="css">
or something like that. That tells your browser that the next lines are css code and to read them accordingly. Quite like javascript.

**fitzy71** · 05-11-2005, 03:32 PM

Thanks Jared, but i'm still confused below is the HTML code i got from Pay-Pal for the "buy it now" button, how would i add that div tag you were talking about?

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_GB/i/btn/x-click-but22.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="sales@pc-tronics.co.uk">
<input type="hidden" name="item_name" value="Bubble Jet i550/i850/S500/S530D. BJC 3000/6000. SmartBase MP700 Photo/MPC400">
<input type="hidden" name="item_number" value="CAN001">
<input type="hidden" name="amount" value="5.95">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="currency_code" value="GBP">
</form>

Fitzy71

**CasaPages** · 05-11-2005, 03:46 PM

Like I said before something is seriously askew with that page, and you might want to try and fix what code you already have in place first.... If I have time this evening I will take a closer look and see what I can do.....

remember the W3C Validator is your friend

and dont forget about his friend the W3C CSS Validator

**fitzy71** · 05-11-2005, 03:58 PM

Sorry i have now corrected thet page, it is now back to normal. The way you had seen the page was what had happened when i added this HTML code (<divstyle=position:absolute; left:200;top:200;">) to the above HTML code from Pay-Pal, thats why the page was overt o the right and down slightly. Ihave even tried adding px after the amounts as suggested by a mate of mine.

Fitzy71

**Jared** · 04:29 PM

Could I persuade you to not use CSS? It seems as though everything on your page could be done with HTML. I suggest this because if somebody visists the page with a different screen resolution, it won't display properly. It may cause your form to hide behind the CSS bit.

Another alternative would be giving each product its own special page. Yes, I know it would take some time, but it may be worth it.

In fact, I can't see your form at all. I tried resetting my screen size from 1024X768 to 800X600. Neither screen size worked. What resolution are you set at? If you are not sure, right click on your desktop and go to properties. Click the settings tab to see your screen resolution.

I looked over your code again. Did you put the form back in? I couldn't see your form code. If that's not there, you can play with your screen size all you want, it won't matter much!

**fitzy71** · 05-11-2005, 04:46 PM

Sorry Jared i've taken the Pay-Pal form out for now just to see what my site looks like, as this is my first site i'll just have to use the programs buy it now button and just substtute the buttons original code for the Pay-Pal code, i know that works so i'll just stick with that for now. This design was only ever gonna be the prototype just to get me up and running. I can now take my time and build a bigger and better site with proper HTML and CSS coding.

Anyway a big thank you to everyone who tried to help and gave me some good advice it was much appreciated.

Regards

fitzy71

ps. my resolution is 800x600

**Jared** · 05-11-2005, 04:50 PM

Well, good luck. Come back if you need more help!

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!