I just finished the rough draft for my new site. Everything looks fine in DW, but in the browser, it's all messed up! Can someone take a look and help me out? Take a look at the bullets about halfway down.

http://nextlevelprofits.com/emailsecretsexposed/

Thank you SO much!

Did I not include enough information? I assumed someone could figure out the problem just by viewing the source html on the page. I will include more information if needed. I just cannot figure out how to get this to view properly.

Thank you for your time.

Uhh.. you posted at almost 1AM (US time), and while there are people here from many countries, the majority of our members are in the US. Just sit tight.

For one thing, you should never rely solely on DW's internal view, especially if you're using an older version of DW. ALWAYS preview in the browser as you develop.

Your bullets appear to be missing in IE6, but you've got bigger problems in Firefox.

Validate your code. You have spaces in ID names, that's invalid. Use camel case or replace the spaces with underscores or dashes.

Instead of sticking a class on EVERY paragraph, just define all paragraph styles as "SalesContent" and then only put classes on those paragraphs where you want something different. Same goes for your list bullets.

Headings, use proper Hx tags, don't just style paragraph text AS a heading. Search engines LIKE proper headings!

To make your $ bullets appear in IE, add about 25px of left padding to the .bullets class that's on the UL.

To fix the mess in Firefox where your bullets are overlapping the box, remove the height: 10px on the .bullets class on the same UL. That rule is limiting the height of the UL to 10px - NOT what you want.

Well thank you SO much for all the help. I will make these changes right away. Have a blessed day!

You're welcome.. and you too!!

For IE6's bullets not appearing, in my experience it is because they need some padding to show. But as LadynRed pointed out, this could all be because of validation

If you read my post, I also told him to put in 25px of padding

Oh, I must have missed it...ah now I see it. It was buried under all those 10px's My bad. I did think it kind of strange you missed that point..

I did think it kind of strange you missed that point..

Hang around long enough and you'll see that I don't miss much

Alright, it looks like the validation fixed the bullets!! And they look pretty good in IE and FF. (haven't fixed the heading tags yet.)

One more thing...in my very first big headline, the quotation mark overlaps the first word. How can I fix that?

the quotation mark overlaps the first word. How can I fix that?

Change the font or remove the italic style.

Also this code can be cleaned up by only using breaks instead of using tags to break up a sentence.

<p class="style1">"If You Know How To Send An E-mail, Then I'll Show You How You Can Start Making</p>
    <p class="style1">Cash On Demand 
      That You're<br>
      Currently Missing Out On!"<br>
      <br>

<p class="headline-centered">But Wait, There's More!!!</p>

<h1>"If You Know How To Send An E-mail, Then I'll Show You How You Can Start Making<br />
    Cash On Demand That You're<br />
    Currently Missing Out On!"      
</h1>

<h1>But Wait, There's More!!!</h1>

Then in your CSS just style the h1 tag.

h1 {
    font-size: 24pt;
    line-height: 22pt;
    color: #ff0000;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: bold;
    margin-bottom:14px;
   text-align: center;
}

Wow, thank you all so very much!! I will fix all this right now. You've all been a HUGE help!