Unable to see Images and text following the images in Internet Explorer

Discussion in 'CSS' started by kevlev2002, Feb 1, 2010.

  1. #1
    Hello,

    I could really use some help here. I am using a template to create an html page.

    In Firefox and Safari, the page looks great. However, in Internet Explorer 7, the bullet point images and text after them don't show.

    My question is how do I fix this problem so that the bullet images and text following them shows?

    The URL is http://www.internetmarketingvips.com/upsell1.html

    Thank you very much in advance for your help,

    Kevin
     
    kevlev2002, Feb 1, 2010 IP
  2. Joak1m

    Joak1m Peon

    Messages:
    135
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You are breaking lines in random places, dont hit enter so much. And your styling is a mess.

    And what is this?
    
    style="font-size: 8pt; font-family: "Tahoma","sans-serif";
    
    HTML:
    " should be ", why are you using html special characters there?
    Use classes to style your lists.
     
    Joak1m, Feb 1, 2010 IP
  3. kevlev2002

    kevlev2002 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Joak1m said:
    >>You are breaking lines in random places, dont hit enter so much. And your >>styling is a mess.

    >>And what is this?
    >>html4strict Code:

    style="font-size: 8pt; font-family: "Tahoma","sans-serif";

    >>" should be ", why are you using html special characters there?
    >>Use classes to style your lists.

    Thanks very much for your response. Here are the results:

    I changed the &quot to " and that didn't do the job. I didn't see any change in doing that.

    Not sure what you mean by "use classes to style your lists", but I'm going to do some research on it.

    I'm also not sure what the code style="font-size: 8pt; font-family: "Tahoma","sans-serif"; is for

    Isn't this problem strange????

    Thanks again,

    Kevin
     
    kevlev2002, Feb 1, 2010 IP
  4. Joak1m

    Joak1m Peon

    Messages:
    135
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Well you're whole code is strange and wrong. Just replace all " with " in your code for a start, it might fix your problem.
     
    Joak1m, Feb 1, 2010 IP
  5. kevlev2002

    kevlev2002 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Yes, thank you. I'm saying I tried that and no joy my friend. Any other ideas?

    I just got Dreamweaver as I was using NVU and am working to see if I can get it to work using that instead.

    Thanks in advance,

    Kevin
     
    kevlev2002, Feb 1, 2010 IP
  6. kevlev2002

    kevlev2002 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Ok, I got dreamweaver to make the images with the lines show.

    Thanks very much!

    Now I need to determine how to make all the lines line up directly under each other line so the image is all by itself on the left hand side of the page looking like a bullet. I'm going to work on this, but if you have any ideas, I'm all ears. I'm using dreamweaver now and still learning.

    I moved my work in progress page to:

    http://www.internetmarketingvips.com/upsell1_15_DW.html

    Cheers,

    Kevin
     
    kevlev2002, Feb 1, 2010 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    Ooph, god that's bad. See, this is a perfect example of why I say people need to forget ALL that wysiwyg crap even exists... Getting that trainwreck mix of CSS with outdated/outmoded markup to work is NOT going to happen without throwing it all away and starting over clean.

    With 139 validation errors, MOST of them looking like they come from the HTML export in one of the Microsoft office products, you do NOT have HTML, you have gibberish. You've got properties declared in the markup that negate the reason to even have CSS, multiple redundant and pointless classes (if every paragraph is getting the same class, you don't need a class) and a whole host of other miserable /FAIL/ in your code - that can entirely be blamed on the 'tools' you are using.

    Which is to say, the wrong tools. The clearest indicator of this is that you have 40k of markup for a single column site with only 9k of text... that's easily two to three times the necessary HTML.

    My advice, chuck it and start over actually writing HTML instead of relying on any of those half-assed goofy tools... But as a recently departed friend was fond of saying, the only thing in dreamweaver that can be considered professional grade tools are the people promoting it's use.
     
    deathshadow, Feb 2, 2010 IP
  8. kevlev2002

    kevlev2002 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Hello DeathShadow,

    Thank you for your help, much appreciated. Honestly, but you can probably tell, I'm new to this kind of stuff. But I'm not giving up. I suspect I can become pretty good at it with help from great people like yourself :)

    Here's the flow of the project I'm getting. Sales copy comes to me in a word document. My job right now is to place it so it looks good in a template. I used a "copy and paste" from the word document and ended up with a problem. So what I'm considering is to copy and paste the sales copy into notepad to take off all the word formatting and add it to a blank page one step at a time invoking the css template as I deem it would work out best.

    Does this sound like a good plan for a newbie who is under a deadline?

    Thanks again for all your help. It's been a very interesting week working on this to say the least.

    Kevin
     
    kevlev2002, Feb 2, 2010 IP
  9. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #9
    That's often the best approach. Just mark up the paragraphs as paragraphs, headings as headings, tables as tables, etc, etc. Then you can just set all your colors from the CSS. The "modern" approach to writing a web page is that anything that says what it looks like goes in your stylesheet.

    The copy itself is problematic though - it's not really written to be web content; at least not without looking like a fly-by-night sales page.
     
    deathshadow, Feb 2, 2010 IP
  10. WendyIMC

    WendyIMC Member

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #10
    Looks like your bullets and text are now showing in IE but at what expense. With 139 validation errors is this really the quality page you want to represent your company?
     
    WendyIMC, Feb 2, 2010 IP
  11. kevlev2002

    kevlev2002 Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Thanks again for your help everyone. I'm looking forward to getting my page looking great.

    To Wendy's question, I'm looking at starting over again :^) and see how it goes. I'm not sure how to find out if any validation errors exist. So if you can let me know, that would be great.

    Regards,

    Kevin
     
    Last edited: Feb 2, 2010
    kevlev2002, Feb 2, 2010 IP