WordPress.org

Ready to get started?Download WordPress

Forums

YOP Poll
IE8 , problem when showing results ! (4 posts)

  1. zeljko9r
    Member
    Posted 1 year ago #

    Hi,

    I installed yop poll and everything seems to be fine, but now i saw that some visual problems are showing up when page is loaded through IE8. The site is http://www.hzhm.hr and poll is down in left sidebar. When you click on "rezultati" (results), they are messy. I assume that something need to be done in template code or CSS to fix this, but I'm not such expert. Please help.

    Thank you.

    Zeljko

    http://wordpress.org/extend/plugins/yop-poll/

  2. zeljko9r
    Member
    Posted 1 year ago #

    In mozilla 18 and chrome everything is OK.

  3. YOP
    Member
    Plugin Author

    Posted 1 year ago #

    Hey Zeljko

    We have playin around with the poll on your website but could not replicate the problem.
    Can you send us an image with the error(s) you are getting?

    Thank you.
    YOP Team

  4. zeljko9r
    Member
    Posted 1 year ago #

    Thanks for help and your effort.

    Here is the printscreeon of the problem, you can see the version of IE I'm running.. i know that IE sometime have problems with wordpress but unfortunately lot of people are still using it.

    In beginning after clicking on results, all off the results would be messy and one above other, etc.. but now nothing is showing up.

    http://img547.imageshack.us/img547/1457/yoppoll.jpg

    When I added the plugin, layout was a little bit in offset so i made small changes in CSS and in template, but i doubt that those corrections have something to do with plugin behavior.

    CSS
    --------------------
    #yop-poll-container-%POLL-ID% {
    width:185px;
    background:#fff;
    padding:0px;
    color:#555;
    overflow:hidden;
    font-size:12px;
    }
    #yop-poll-name-%POLL-ID% {
    font-size:14px;
    font-weight:bold;
    }

    #yop-poll-question-%POLL-ID% {
    font-size:14px;
    margin:5px 0px;
    }
    #yop-poll-answers-%POLL-ID% { }
    #yop-poll-answers-%POLL-ID% ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    }
    #yop-poll-answers-%POLL-ID% ul li {
    font-style:normal;
    margin:0px 0px 10px 0px;
    padding:0px;
    font-size:12px;
    }
    #yop-poll-answers-%POLL-ID% ul li input {
    margin:0px;
    float:none;
    }
    #yop-poll-answers-%POLL-ID% ul li label {
    margin:0px;
    font-style:normal;
    font-weight:normal;
    font-size:12px;
    float:none;
    }
    .yop-poll-results-%POLL-ID% {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin-left: 15px;
    }

    #yop-poll-custom-%POLL-ID% { }
    #yop-poll-custom-%POLL-ID% ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    }
    #yop-poll-custom-%POLL-ID% ul li {
    padding:0px;
    margin:0px;
    font-size:14px;
    }
    #yop-poll-custom-%POLL-ID% ul li input { margin:0px 0px 5px 0px; padding:2%; width:96%; text-indent:2%; font-size:12px; }

    #yop-poll-vote-%POLL-ID% {

    }
    .yop-poll-results-bar-%POLL-ID% { background:#f5f5f5; height:10px; }
    .yop-poll-results-bar-%POLL-ID% div { background:#555; height:10px; }
    #yop-poll-vote-%POLL-ID% div#yop-poll-vote-%POLL-ID% button { float:left; }
    #yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% {
    float: right;
    margin-bottom: 20px;
    margin-top: -20px;
    width: auto;
    }
    #yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% a { color:#555; text-decoration:underline; font-size:12px;}
    #yop-poll-vote-%POLL-ID% div#yop-poll-back-%POLL-ID% a { color:#555; text-decoration:underline; font-size:12px;}
    #yop-poll-vote-%POLL-ID% div { float:left; width:100%; }

    #yop-poll-container-error-%POLL-ID% {
    font-size:12px;
    font-style:italic;
    color:red;
    text-transform:lowercase;
    }
    ----------------------

    TEMPLATE after vote
    -----------------------
    <div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div>
    <div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div>

    <div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers">

      [ANSWER_RESULT_CONTAINER]
      <li class="yop-poll-li-result-%POLL-ID%">
      <label class="pds-feedback-label-%POLL-ID%">
      <span class="pds-answer-text-%POLL-ID%">%POLL-ANSWER-LABEL%</span>
      <span class="pds-feedback-result-%POLL-ID%">
      <span class="pds-feedback-per-%POLL-ID%"> %POLL-ANSWER-RESULT-LABEL%</span>
      </span>
      </label>
      <div>
      %POLL-ANSWER-RESULT-BAR%
      </div>

      [/ANSWER_RESULT_CONTAINER]

    </div>
    <div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer">
    <div>%POLL-TOTAL-ANSWERS%</div>
    <div>%POLL-TOTAL-VOTES%</div>
    <div id="yop-poll-back-%POLL-ID%">%POLL-BACK-TO-VOTE-LINK%</div>
    </div>
    -----------------------------

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic