Problems with layout when adding new products

Hi all! It's been awhile since I've dropped into say hi! It's also been awhile since I've done any more work on this site of ours:blush: Now that I'm trying to get back to things I'm having a few problems. One is with adding new products and listings. This is how the listings should look: http://www.trueharttreasures.com/index.php?main_page=product_info&cPath=34_37&products_id=116

However, when I have recently tried to add new products they are not "fitting" into the "frame", such as here: http://www.trueharttreasures.com/index.php?main_page=product_music_info&cPath=53_62&products_id=120 and here: http://www.trueharttreasures.com/index.php?main_page=product_info&cPath=53_66&products_id=121

What would be happening that it's now showing up like this, and I didn't have any problems before?

:blink::huh:

Using the View Style Information tool in the Web Developer Tools in Firefox on that last link -- the one with the list of Knitting Logs (I thought logs were made of wood :shocking: ) I can see that the first log is inside the productGeneral div, in a form and in a paragraph. But the second log, the 2007 one, is inside a table and not inside productGeneral at all. And the style which makes your box is making it around productGeneral (with some margins) and not around the table.

Exactly how your product info got this way I cannot say. How do you enter product descriptions?

The second link (the first of the problematic ones, that is) seems fine to me, except that there is a stray empty dark-grey rectangle below the product info, which seems to have something to do with the media manager.

Rob

The description in the knit logs is truncated early by a misplaced </div>:```

<span style="font-weight: bold;">Cathy’s 2009 Knit-log </span><br>

Current: Camden's Way Rodeo BFL longies and Hat<br>

<a href="http://i160.photobucket.com/albums/t198/AdventureKnits/Longies/SilverRainbow001.jpg">Silver Rainbow BFL longies</a><br>

Hot Night Hat</div><p>

<span style="font-weight: bold;">Cathy’s 2008 Knit-log </span><br>

The same thing happens with the rainbow hat:```
 <!--bof Product description -->

<div id="productDescription" class="productGeneral biggerText">This sweet knit hat, in it's perfectly gender neutral colorway, would be adorable for the new little blessing in your own life, or as a gift!  

I knit this hat from BFL that was dyed in the "Perfect Rainbow" colorway, by 
<a href="http://www.woolywondersbynada.com" target="new">Wooly Wonders by Nada</a>, using the <a href="http://hyenacart.com/prod_details.php?id=45119&vid=57" target="new">Ky Baby Ear Cozy Hat pattern</a>.  It should be handwashed and layed flat to dry.  I am estimating this hat to fit an average 6-12 month old (I did try it on my 14 month old and it fit him well but he's a peanut =)).  Get it now....before CPSIA makes it impossible!!<p>

As our gift to you, this item is shipped FREE!<p>

If you have ANY questions, do not hesitate to email me - <a href="mailto:[email protected]">[email protected]</a>! </div>
<div> </div>
<div style="color: rgb(128, 0, 0);"><span style="color: rgb(0, 0, 128); font-weight: bold;">MAKE SURE TO CHECK OUT MY SWEET NEWBORN HAT AVAILABLE <a href="http://hyenacart.com/prod_details.php?id=70257&vid=428" target="new">here</a> AT <a href="http://www.aklongies.com" target="new">Adventure Knits</a>! </span></div>

<p></p></div>
<!--eof Product description -->

You also have some empty tags and conflicting colors; you should clean up the code that your HTML editor generates.
Do you know that the rainbow hat is created as "Product-Music" instead of "Product-General"?

Good detective work Glenn!

Rob

Oh, thank you Glenn! I fixed the hat code thing. It's all within the grey box now, but it's still got an unexplained extra grey box, and my second picture isn't showing even though I've checked and it's in my dvd folder.

Do you know that the rainbow hat is created as "Product-Music" instead of "Product-General"?

No, I didn't know that! I've looked at the page where I created that listing and I don't see anything off. What do I need to do to fix that?

I also changed the extra codes in the logs page and now all of the items are showing in the box, but the bottom of the page is cut off (the out of stock/etc.)

Also, where did you go to see that those extra tags were in there?

You still have a </div> here:```
Boys Toys 100purewool 3-ply longies</a><br><a href="http://i160.photobucket.com/albums/t198/AdventureKnits/Longies/longiesfornathan002.jpg">Strength BFL longies</a><br></div>

You also have a bunch of bad tags here```
<div></div>
<div></div>
<p></p>	

  

</p><p><span style="font-weight: bold;">Cathy’s 2007 Knit-log </span><br>

Wow, who would have thought that one little thing like a <div> would wreak all that havoc! Thank you! That cleared up the knit log!

I went back into the hat to see if there were any lingering codes that shouldn't be, but I didn't see anything there. I'm also still wondering how you saw that was listed as music instead of general instead of product and how I would fix that.

A single misplaced comma near the beginning of your stylesheet can cause your entire site to lose its formatting. Code can be very demanding of perfection...

When I used the Firefox Web Developer to look at the elements of your page, it showed all the ancestors of the elements, and one of those was #productMusicDisplay instead of $productGeneral.
You can see the same thing in view source: at the beginning of the center column product page output, there is a <div id="productMusicDisplay">.
It's probably not going to cause you any problems, though I don't know for sure, unless you try to set up some special layout for cd's. Product type is selected when you create a product, and cannot be changed. The only way would be to delete the product and start from scratch with it as product-general.

That's strange! I know I didn't set it as music! I guess as long as it's not going to cause any problems I'll just leave it be....though I do need to figure out why the page still isn't looking right:wacko:

That dark gray box is where the productMusic media manager wants to display. I think you need to do something about that product...

P.S. - You said "it's in my dvd folder"; there is no reason for you to be using that subfolder, or any subfolder below /images/, unless you need to organize a lot of images and having them all in one folder is confusing. (THis does not include /medium/ and /large/ - you need them in any case.)
The tutorial mentions the dvd folder, so I think a lot of people follow it blindly. It should mention that that is optional.

You know what?! I never noticed it before, but I was poking around trying to figure this out, and that WHOLE category had somehow been created as music! I deleted and recreated the category and all of the products and it's fine now! Thank you! I'll need to double check now and make sure that there isn't any others doing that!

Speaking of the folders....I guess I'm not sure what I'm doing there either, because I don't have or use any medium and large folders:lookaroun

I have the dvd folder where I put additional product images and it then automatically links it to the corresponding product page. The picture size increases are all done through the IH and Admin panel. It works for me so I'm not going to mess with it:rotflmao:

If you have IH2, then that is taking care of the medium and large images for you. (Actually, you loaded the large image there and it takes care of the medium and small...)