Проблемы с пробелами в Blackberry Browser 4.2

Я пишу веб-приложение для браузера Blackberry 4.2. Я хочу иметь некоторый вертикальный интервал между списком ссылок. Я знаю, что 4.2 не поддерживает отступы и поля, но я думал, что он поддерживает высоту или высоту строки. Я не могу заставить ни на работу.

Я действительно не хочу использовать разрыв строки. Какие-либо предложения

Источник

2 ответа

Держатель стола и изображения

Вы можете использовать таблицу и некоторое прозрачное изображение в качестве пробела:

<html>
 <table>
  <tr>
   <td>
    <a href = 'http:\\www.google.com'>link 1</a>
   </td>
  </tr>
  <tr>
   <td>
    <a href = 'http:\\www.google.com'>link 2</a>
   </td>
  </tr>
  <tr>
   <td>
    <img src = 'spaceholder.gif'/>
   </td>
  </tr>
  <tr>
   <td>
    <a href = 'http:\\www.google.com'>link 3</a>
   </td>
  </tr>
 </table>
</html>

Сделайте маленькое изображение и используйте его несколько раз для более точного расстояния

Источник

Я не думаю, что вы должны чувствовать, что все должно выглядеть красиво в браузерах BlackBerry, особенно в версиях до 4.6 (и даже тогда, да). Конечно, держите вещи организованными, но делать вещи красивыми в определенном браузере слишком разочаровывает и недолговечен. Например, вот неупорядоченный список (

    ) с некоторым стилем CSS и посмотрите на разницу между 4.2 и 4.3:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hello.</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body{background: #FFFFFF;font: 85% Calibri,sans-serif;}
h1{ font-size:120%; color: #06F;}
h2 { font-size:110%; color: #06F;}
h3 { font-size:105%; color: #F60;}
ul { list-style: none;}
a{color: #00F;text-decoration:underline}
div#container{width:280px;}
</style>
</head>
<body>
  <div id="container">     
    <p>     
      <ul>
        <li>&nbsp;</li>
        <li><p><h2>Your BlackBerry App</h2></p></li>  
        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae nulla sit amet ligula sollicitudin suscipit ut eget turpis.</li>
        <li>&nbsp;</li>
        <li><a href="resources">Tools</a></li>
        <li>&nbsp;</li>
        <li><a href="builds">Builds</a></li>
        <li>&nbsp;</li>
        <li><a href="">Another link</a></li>
      </ul>
    </p>   
  </div>
</body>
</html>

    http://www.freeimagehosting.net/uploads/eaacad53a6.png

Источник
Другие вопросы по тегам