Problems with layout when adding new products

[MamaT]

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 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/ind...roducts_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/ind...roducts_id=120 and here: http://www.trueharttreasures.com/ind...roducts_id=121

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

[MamaT]

[rstevenson]

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 ) 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

[gjh42]

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

 <!--bof Product description -->
<div id="productDescription" class="productGeneral biggerText"><p>Here is where you can see what I've been working on!  Watch for the start of my new 2009 knit log, or scroll down to see what I've done in years past!<p>

<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"?

[rstevenson]

Good detective work Glenn!

Rob

[MamaT]

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?

[gjh42]

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>

which would be fine except that you don't pick up a new div for the next list, and the </div> at the end of that list terminates the content too soon.

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>

[MamaT]

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.

[gjh42]

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.

[MamaT]

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