treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Wordpress...HELP!

  • Hi Guys,

    I am currently trying to do something very similar to this for a wordpress theme:

    http://nettuts.s3.amazonaws.com/078_scr ... /index.htm

    When I developing and trying to test it though, none of the pictures are showing up and are defaulting to the alt tags. I have not wrote any of the js yet so this an issue you I am having with the markup i believe. I am using Coda and MAMP togeather and I believe the files are sourced right, that is why I am confused. Matter a fact no images are working! The only way they work is if I source them in the CSS. WHAT IS GOING ON! I haven't used wordpress enough to know if this is common or not.

    File Hierarchy where images are stored:

    wp-content/themes/custom_theme/style/images


    Markup

    <div id=\"js-player\">
    <div id=\"controler\">

    <span class=\"jFlowControl\">Number 1 </span>
    <span class=\"jFlowControl\">Number 2 </span>

    </div>

    <div id=\"prev-next\">

    <img src=\"style/images/prev.png\" alt=\"Previous-Tab\" class=\"jFlowPrev\">
    <img src=\"style/images/next.png\" alt=\"Next-Tab\" class=\"jFlowNext\">

    </div>

    <div id=\"slides\">

    <img src=\"style/images/stheart.png\" alt=\"Stheart Clothing Site\">
    <img src=\"style/images/emustudentcenter.png\" alt=\"EMU Student Center Site\">
    </div>
    </div>


    Any thoughts.
  • try giving them the full URL path to the files, that usually fixes the issue.
  • I tried that and have made a little progress.

    It showed up in CSSEdit but not Safari and Firefox. Still really confused.