Нужен простой способ установить ширину и высоту пустого элемента блока - PullRequest
Новая
       2

Нужен простой способ установить ширину и высоту пустого элемента блока

0 голосов
/ 15 апреля 2011 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <style type="text/css" media="all">
         .prod
        {
         display: inline-block;
         border: 1px solid grey;
         width: 158;
         height: 124;
         cursor: pointer;
        }
      </style>
      <script type="text/javascript">
         function swap(x,y,z)
         {
          var node = document.getElementById(x);
          node.src = node.src.indexOf(y)>=0 ? z : y;
          node.style.border = node.src.indexOf(y)>=0 ? '' : '1px solid grey';
          node.style.position = node.src.indexOf(y)>=0 ? 'static':'fixed';
          node.style.top = node.src.indexOf(y)>=0 ? '' : '20%';
          node.style.left = node.src.indexOf(y)>=0 ? '' : '20%';
         }
      </script>
  </head>
  <body>
      <span class="prod">   
          <img id="im0001" src="thumbnail.gif" onclick="swap ('im0001','thumbnail.gif','fullsize.gif');" /> 
      </span>
      <br />
      <br />
  </body>
  </html>

Ответы [ 2 ]

2 голосов
/ 15 апреля 2011

Отсутствуют единицы измерения CSS

Вы должны установить единицу измерения в вашем CSS, чтобы она работала. Ваш CSS определяет ширину только как 

width: 158;

это должно быть: 

width: 158px;

Это бы сработало для вас.

JSFiddle demo .

0 голосов
/ 15 апреля 2011

Как упоминалось в одном из комментариев, ваш рост и ширина неверны.Вам нужно изменить ширину: 158 на: ширина: 158px

То же самое с высотой

См .: http://jsfiddle.net/jwKpN/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...