Header titles not visible when viewed in IE??

Discussion in 'HTML & Website Design' started by tonyfloyd, Jan 13, 2013.

  1. #1
    Hi all...

    this is driving me crazy ...:(

    Header titles in "white area" of site DO NOT appear when viewed in IE ... however they are there when viewed in Chrome and Firefox ...

    http://energyzestudio.com/

    ex = Homepage Title in white area - "Time to get energyZed"

    any ideas??

    thanks!
    Tony
     
    tonyfloyd, Jan 13, 2013 IP
  2. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #2
    It could have something to do with
    <cufon class="cufon cufon-canvas" alt="Time " style="width: 64px; height: 30px;">
    <canvas width="92" height="35" style="width: 92px; height: 35px; top: -4px; left: -2px;">
    </canvas>
    <cufontext>Time </cufontext>
    </cufon>
    Code (markup):
    and IE not handling it.
     
    Rukbat, Jan 13, 2013 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    Yeah, made up fictional tags, ESPECIALLY those of horrifically outdated and inaccessible TRASH like cufon, can wreak all sorts of havoc with things like titles. Rip that out, use "CSS3" webfonts instead, see if the problem persists.

    Cufon, SiFR, and their kine were pointless garbage that made pretty much every website they were used on useless to me as a user, and were an ugly solution to a non-problem. Now that they added how IE has handled it since IE 5 to the CSS3 spec, there is no reason a website should be using those technologies anymore -- particularly since they ALWAYS did more harm than good.

    Though even using CSS3 webfonts it's still not a great solution in most cases -- which is why I'm as a rule against fancy fonts that likely have no business on screen targets in the first place unless it's used with an eye-dropper on things people aren't actually trying to read.
     
    deathshadow, Jan 13, 2013 IP
  4. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #4
    how should code look?
     
    tonyfloyd, Jan 14, 2013 IP
  5. wizardofx

    wizardofx Well-Known Member

    Messages:
    572
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    140
    #5
    You aren't exactly using a fancy font. Why bother with font replacement?

    wiz
     
    wizardofx, Jan 14, 2013 IP
  6. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #6
    so..what exactly then is causing the header title in the white space to NOT appear in IE??
     
    tonyfloyd, Jan 14, 2013 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    This might be a stupid question, but do you understand HTML, CSS -- or even what Cufon is? I get the feeling we are overestimating your understanding of the technologies you are trying to use.
     
    deathshadow, Jan 15, 2013 IP
  8. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #8
    This is a wordpress template that i chose to use on this site ... i didn't create this template ... not sure how to fix the issue of the title in the white box area not appearing in IE ... so ... in English please? ...:)
     
    tonyfloyd, Jan 15, 2013 IP
  9. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #9
    It looks as if you have a few options:

    Choose a different template.

    Learn enough to fix the code.

    Hire someone to fix the code.
     
    Rukbat, Jan 16, 2013 IP
  10. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #10
    Ok, all of us were responding on the assumption you either built the code or had some degree of basic knowledge of HTML, CSS, etc... So... my bad. Their bad... everybody bad. :(

    This is an excellent example of why I call Wordpress by it's proper name, "Turdpress", and why I think using off the shelf templates is a bad way to build a site. Not only does WP crap out some of the worst code on the Internet due to the ineptitude of it's front-end coders, most people writing templates have no business writing jack in HTML/CSS, more often than not the people trying to deploy them don't know enough about HTML/CSS to even run a website for a business in the first place, and the end result most always ends up being an attempt to shove that square peg into a round hole.

    Rukbat's three options are pretty much where you're at on this... I would consider adding "Throw it all away and start over" given the accessibility train wreck and content-blocking massive animation for nothing garbage that template is... because at the end of the day no matter how pretty it is if it gets in the way of the content, it's worthless.
     
    deathshadow, Jan 16, 2013 IP
  11. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #11
    I just want titles to appear on IE ... i'm not changing the template as I've done major edits/revisions. Just looking for what is causing the header titles not to appear in IE and to fix this issue. There is something somewhere in the coding that is causing this ... and no one seems to have a clue. Rukbat's states it "could have something to do with this ... " yet doesn't provide a solution.

    Again... any ideas how to fix?

    Thanks
    Tony
     
    tonyfloyd, Jan 17, 2013 IP
  12. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #12
    Throw out the cufon stuff - it has no business on a website. (Read DS's first paragraph - I made the same assumption, that you'd understand that the solution to that problem was to eliminate it.)
     
    Rukbat, Jan 17, 2013 IP
  13. tonyfloyd

    tonyfloyd Well-Known Member

    Messages:
    1,230
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    140
    #13
    ok...but do i replace it with anything?
     
    tonyfloyd, Jan 18, 2013 IP
  14. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #14
    Yes. You replace
    <cufon class="cufon cufon-canvas" alt="Time " style="width: 64px; height: 30px;">
    <canvas width="92" height="35" style="width: 92px; height: 35px; top: -4px; left: -2px;">
    </canvas>
    <cufontext>Time </cufontext>
    </cufon>
    Code (markup):
    with
    Time 
    Code (markup):
     
    Rukbat, Jan 18, 2013 IP