Skip to main content

Yahoo Store Editor V3.0 breaks table / image layout?

I've been banging my head against the wall with a problem. I've got an ImageReady HTML layout I had to put into a Yahoo Store, and everything was fine in Internet Explorer, but in Firefox, the layout was broken. Images were shifted up and down, left and right.

I knew the new Yahoo Store Editor (version 3.0) now forces all the pages to be in Standards mode , so I had a feeling it had to do with that. Once I was reasonably sure that it wasn't some dumb mistake in the HTML, I started searching for some info on standard doctype, images, tables, and mozilla, and sure enough, I found it here.

Sure, tables and images are not supposed to be used for layout anymore, but it is still a lot easier in many cases to splice a few pieces of an image together using tables to come up with a specific look. What I didn't know until now was the new standards actually broke the old habits... Not too great if you ask me, I always think that if something is updated it should always support what came before that point...

In any case, if you are using the new Version 3 Yahoo Store editor and templates, and want to use tables and images for layout, save yourself some trouble and add the following to your stylesheet:

td > img, a > img { display: block }

Or, if you also have image type submit buttons in table cells, then:

td > img, a > img, td > input[type=image] { display: block }

You may have to play with these a bit to get things right depending on your particular layout. For example, I found I had to add this in another store:

td > a > img { display: block }

After this, my layout worked like a charm. I'll be sure to include it in the next revision of our Yahoo! Store Tips & Tricks book.

Comments

Popular posts from this blog

What to expect when your redesign goes live

At Y-Times we roll out new designs, redesigns and other major upgrades to Yahoo stores on a fairly regular basis. Some of the main questions our clients ask are how to prepare for a roll-out and what to expect in terms of SEO and conversions when the changes go live? For any functional Yahoo store how well the site ranks and how well it converts are probably the two most important metrics. Since pretty much ANY change you make to any page can potentially alter either or both of these metrics, merchants may understandably feel nervous about far reaching alterations to their sites. However, when those functionality and design changes and additions are done right, there is really very little to fear. First off, what does it mean for a design or redesign to be "done right?" From the technical stand point, search engines look at the underlying structure of your site (the HTML, and increasingly also the CSS and JavaScript code) to try to extract information and meaning from i

Pre-Season Checkup

With the holiday shopping season fast approaching it's a good idea to do a general checkup on your store to be sure it's ready for prime time. Below are a few things you would want to check, along with a few add-ons that are not too major in scope, but which are often neglected and give you an edge over your competition. Can you Search and Order? Every time we do anything major in a store we test two things: whether searching and adding to cart/ordering works. You can have nice, flashy pictures, cool animation effects, a very quick loading site, anything, but if the store search is broken or you can't add to the cart or can't check out then an ecommerce site is worth nothing. Can you Order? Chances are if your checkout was completely broken you'd know about it by now, but it doesn't have to be totally broken in order to scare away potential customers. So go ahead, go to your site and first do a search and make sure it works. Then, add one or more products

Adding custom Yahoo Store fields - Catalog Manager vs. Store Editor

In a non-legacy Yahoo Store, there are two ways to add custom fields: through Catalog Manager under "Manage my Tables" and through the Store Editor, under "Types" (the Store Editor's "Types" are essentially the same as Catalog Manager's "Tables".) Whether you add custom fields from Catalog Manager or from the Store Editor does make a difference as each has its advantages as well as disadvantages. Catalog Manager To me the main advantages of using Catalog Manager to add custom fields are: 1) You can add multiple fields quicker 2) You can later change the field's name and even type 3) You can delete the field if you no longer need it. 4) All the fields that are available in Catalog Manager are included in the data.csv file if you download your catalog. 5) All the fields that are available in Catalog Manager are also included in the catalog.xml datafeed file, which is used by the comparison shopping engines, for example. (See the Search