Support » Plugin: YOP Poll » IE8 , problem when showing results !

  • Resolved zeljko9r

    (@zeljko9r)


    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/

Viewing 3 replies - 1 through 3 (of 3 total)
  • zeljko9r

    (@zeljko9r)

    In mozilla 18 and chrome everything is OK.

    Plugin Author YOP

    (@yourownprogrammer)

    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

    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>
    —————————–

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘IE8 , problem when showing results !’ is closed to new replies.