Need help with kerning and getting rid of product name

I'm attaching a ss of my page so that you can see my issues.

First of all, when I'm making my product listing, and inputting my Description - I choose H1 for the header from the dropdown menu in the html area - set the font and the size, and type the header on one line. When I upload it, it breaks it into two lines and they're too close together. I understand that my header is two long and needs to be on two lines, but the only fix i've found to make it render properly is to manually break this into two lines myself, hitting enter TWICE, so that it drops down. By doing this most of the time it works, but occasionally the page still renders the text too close together when viewing in FireFox. There has to be a better way, can someone tell me the correct way to enter the header so that I don't have this problem.

Also, when I type the text with the bullet points, I select the font and the size and then i select "normal." Is this correct?

The second problem I'm having is with the Product Name. Since I have the product name in the header of my description, I don't want it showing up above my main image.

I went to the product listing, found where it said "Display Product Name" clicked it to edit and it is set at default setting of 0. It asked me if I wanted to show product name, and I didn't know what to do to address this, I tried taking the 0 out and saving the page, but I'm still seeing the Product Name above the main image.

Am I even in the appropriate area to remove this? I need the product name in the Category Name area of my listing when I build my page because I have several products in one category and have to be able to see the names of each one when I click on Catalog/Products.

Once again, thank you for helping me. This can be extremely difficult when you're a newbie, but I'm making a lot of progress.

http://redkapworkwear.com/images/edits.jpg

Here is the actual url for my test page - http://redkapworkwear.com/testsetup/index.php?main_page=product_info&cPath=23_32_33&products_id=18

Yow.

First, remove the backup stylesheets from the css directory. Zencart loads all stylesheets with the .css extension that are in the current template's css folder, so you have three sheets fighting each other.

You can remove the item name using: #productName {display:none;}

As for the description, it looks like you pasted that into the description input box from some other WYSIWYG editor. That's never a good idea, as you now have a lot of extraneous inline styling that may be confusing Zencart:

<div id="productDescription" class="productGeneral"><div style="TEXT-ALIGN: center; FONT-WEIGHT: bold"><font face="verdana,arial,helvetica,sans-serif"><font size="6">CLOTHES SHOULD WORK </font></font><font size="6" face="verdana,arial,helvetica,sans-serif">SLOGAN T-SHIRT<br /><br /></font><div style="TEXT-ALIGN: left"><ul><li><span style="FONT-WEIGHT: normal"><font face="verdana,arial,helvetica,sans-serif">Enzyme wash</font></span></li><li><span style="FONT-WEIGHT: normal"><font face="tahoma,arial,helvetica,sans-serif">Tubular knit body without side seams</font></span></li><li><span style="FONT-WEIGHT: normal"><font face="tahoma,arial,helvetica,sans-serif">Rib knit collar</font></span></li><li><span style="FONT-WEIGHT: normal"><font face="tahoma,arial,helvetica,sans-serif">Double-hemmed sleeve and bottom</font></span></li><li><font face="tahoma,arial,helvetica,sans-serif"><span style="FONT-WEIGHT: normal">Soft hand</span><span style="FONT-WEIGHT: normal"></span></font></li><li><font face="tahoma,arial,helvetica,sans-serif"><span style="FONT-WEIGHT: normal">5.5 oz. 100% Ringspun Cotton</span><br /></font></li></ul></div></div></div>

Much better to use the built-in HTML editor or enter the HTML
manually. I think if you do that, your styling problems will go away.

once again you helped steve! i was able to put that line of code in the css, and the product name disappeared. i got rid of backup css files like you said, also.

okay, i now know what the problem is. i should have realized this! sometimes you have to beat me over the head.

the company has not sent me the verbage for the products, they told me to grab it from the website. well, they have their own html coding in there, and i'm copying and pasting it into the default editor in product description. no wonder i'm having problems, i should have realized this!

i need to strip their coding out of there before i put it in the zen editor.

thanks again for the help. is there a book or a site that you can recommend that is going to help me with the css. i'm a blogger, so i've messed with it just a little bit when changing templates, but i obviously am really stupid here, the answer when you tell me is always crystal clear and makes sense. sigh i wish i could clone your brain for a few weeks.

thanks again for all the help you give me ;o)

I learned everything I know about CSS here in the forums and through trial and error (mostly error), but these tutorials are supposed to be good:

http://www.w3schools.com/css/default.asp

Thanks Steve, I'll check out you link. Hope you're having a good weekend...