PDA

View Full Version : Spacing Issues When Using a Dreamweaver Template in eBay


Darth Traders
04-28-2012, 01:09 AM
Hello all,

I am learning how to use Dreamweaver CS5. I have a pretty good handle on it so far, but, I am having an annoying problem.

I've created a decent looking eBay listing template. It looks great in Dreamweaver and when I "preview in Browser". However, when I upload it to eBay I am getting horrible spacing issues.

The main issues are in the "Item Description" area, but are also in the "Terms & Conditions" section as well.

http://www.ebay.com/itm/170832093111?ssPageName=STRK:MESELX:IT&_trksid=p3984.m1555.l2649#ht_4120wt_1037

I can only assume it is an eBay issue. Has anybody else encountered this problem? If so, how do I solve it?


Thanks in advance!

gentleone
04-28-2012, 11:40 AM
No, it's not an eBay issue... it's you not following standards.

For example you've used the spacebar to move elements to the spot where you want them. This is not the way to handle this and is inconsistent in browsers, so you can't rely on this method. There are CSS properties to position and to space elements (position, margin, padding and float).

Another fail is you've used tables for layout. Tables were not ment for this... div tags are for layout and you position them with one of the properties I mentioned above.

Darth Traders
04-28-2012, 01:30 PM
No, it's not an eBay issue... it's you not following standards.

For example you've used the spacebar to move elements to the spot where you want them. This is not the way to handle this and is inconsistent in browsers, so you can't rely on this method. There are CSS properties to position and to space elements (position, margin, padding and float).

Another fail is you've used tables for layout. Tables were not ment for this... div tags are for layout and you position them with one of the properties I mentioned above.

Thank you. I did indeed realize that the coding is a mess after I posted this and did some research online. As I said, I am brand new to dreamweaver and this was literally my first page design.

It looks like I have some homework to do, lol.

Thanks again!

gentleone
04-28-2012, 02:32 PM
As I said, I am brand new to dreamweaver and this was literally my first page design. It looks like I have some homework to do, lol.

I saw that you're a newbie ;)
Dreamweaver is just a tool to help developers with creating websites. The fundamental basics are HTML and CSS. This is where you start with learning and it can be daunting all this weird 'code', but once know which tag is for what purpose, then it's actually all pretty logical.

Here's a useful site for you if you want to be serious into web development.
http://htmldog.com/guides/

Good luck!

Darth Traders
04-28-2012, 04:25 PM
I saw that you're a newbie ;)
Dreamweaver is just a tool to help developers with creating websites. The fundamental basics are HTML and CSS. This is where you start with learning and it can be daunting all this weird 'code', but once know which tag is for what purpose, then it's actually all pretty logical.

Here's a useful site for you if you want to be serious into web development.
http://htmldog.com/guides/

Good luck!

Thank you for that site. I will definitely be spending some time there eventually for sure. It is a lot more daunting than I originally expected it to be. I am in the process of trying to greatly expand my online business from just eBay onto my own site as well. I've settled on wordpress for the time being because it is a little easier for newbies than Magento, which is what I eventually want to utilize. Magento is far less blogger-centric. www.darthtraders.com

What is your opinion of this online tool? I plugged my code in there and it fixed a good portion of the errors:
http://fixmyhtml.com/

Post-fix: http://www.ebay.com/itm/180871020535?ssPageName=STRK:MESELX:IT&_trksid=p3984.m1555.l2649#ht_2840wt_1037

Thanks again. I really appreciate you taking the time to assist.