Объявление

Свернуть
Пока нет объявлений.

Не могу сделать в одном div нарисовать другой или чтобы он выплывал.

Свернуть
Эта тема закрыта.
X
X
 
  • Фильтр
  • Время
  • Показать
Очистить всё
новые сообщения

  • Не могу сделать в одном div нарисовать другой или чтобы он выплывал.

    Здравствуйте. Есть один div объект Settings, есть другой объект div box. Так вот почему при открытии объекта settings при нажатии на кнопку все нормально, он появляется, но я не могу поверхнего нарисовать еще один, почему?
    Код отрисовки объекта Settings
    $("#settings").show();
    this.form = $("#settings");//class="setuptable shadow"
    $("#main").hide();


    Код отрисовка объекта box поверх settings.
    $("#pinbox").show();

    На Объекте main все нормально отрисовывается, что не так?

  • #2
    изучай CSS z-index
    Обсуждение всех нюансов развода в Германии. www.razvod.net

    Комментарий


    • #3
      Хорошо, посмотрел, но в html
      <div id="pinbox"> </div>
      <div id="settings"> </div>
      Поменял местами видно оба, тока почему-то одна которая pinbox занимает, больше половина экрана и чуть ниже уже виднется settings.
      Css имеет такой вид.
      Spoiler

      #settings
      {

      posistion: fixed;
      left: 0px; top: 0px;
      width: 960px;
      height: 540px;
      background:#000000;/*#c0c0c0;*/
      display:none;
      margin-top: -20px;
      }
      input[type="button"]
      { background: url("../Images/action_btn_sel.png") center no-repeat;
      background-repeat: no-repeat;
      display:inline-block;
      color:white;
      padding:5px;
      font-size:15px;
      text-decoration:none;
      text-align:center;
      width: 150px;
      height: 26px;
      vertical-align: middle;
      }
      #pinbox
      { postion:fixed;
      margin:60px auto;
      width: 300px;
      height: 100px;
      background: white;
      display:none;
      border:solid 5px white;
      margin-top:130px;
      }


      такое чувство, что я сдвигаю вечно эти слои.

      пробывал дать z-index и почему-то чудо не произошло.
      Последний раз редактировалось nitrogen14; 09-01-2013, 14:49.

      Комментарий


      • #4
        эксперементируй тупо в браузере с окнами и потом рабочую версию переноси в виджет
        Обсуждение всех нюансов развода в Германии. www.razvod.net

        Комментарий


        • #5
          а так оно всегда делается? или я где то не учел или не понял, что есть смещение?
          проблема в том, что у меня часть кода всякие input орисовываются, походу дела...

          - - - Добавлено - - -
          Spoiler

          #settings
          {

          posistion: fixed;
          left: 0px; top: 0px;
          width: 960px;
          height: 540px;
          background:#000000;/*#c0c0c0;*/
          display:none;
          margin-top: -30px;
          }
          input[type="button"]
          { background: url("../Images/action_btn_sel.png") center no-repeat;
          background-repeat: no-repeat;
          display:inline-block;
          color:white;
          padding:5px;
          font-size:15px;
          text-decoration:none;
          text-align:center;
          width: 150px;
          height: 26px;
          vertical-align: middle;
          }
          #pinbox
          { postion:fixed;
          margin:60px auto;
          left: 0px; top:-510px;
          width: 300px;
          height: 100px;
          background: black;
          display:none;
          border:solid 5px white;
          margin-top:20px;
          }



          сделал так без всяких z-indexov подогнал как хочется примерно. но блин как-то туповато ...
          Последний раз редактировалось nitrogen14; 09-01-2013, 14:49.

          Комментарий


          • #6
            это никак не относится к разработке виджета, это тупо верстка страницы, поспрашивай на специализированых форумах, а еще лучше матчасть изучи.
            Обсуждение всех нюансов развода в Германии. www.razvod.net

            Комментарий

            Обработка...
            X