Обсуждение шаблона:Готово 0%: различия между версиями

Материал из LingvoWiki
Перейти к навигацииПерейти к поиску
(silver)
м
Строка 1: Строка 1:
А зачем эти блоки из псевдографики? Не лучше ли <code>div</code>ʼы с точной шириной и цветным бэкграундом?
+
А зачем эти блоки из псевдографики? Не лучше ли <code>div</code>ʼы с точной шириной и высотой и цветным бэкграундом?
  
 
Например:
 
Например:
 
* 0%:
 
* 0%:
<div style="width:200px;display:inline-block;background:silver;">&nbsp;</div>
+
<div style="width:200px;height:10px;display:inline-block;margin:0;background:silver;font-size:1pt;">&nbsp;</div>
  
* 25%
+
* 25%:
<div style="width:50px;display:inline-block;background:green;color:green;position:relative;">&nbsp;</div><div style="width:150px;display:inline-block;background:silver;">&nbsp;</div>
+
<div style="width:50px;height:10px;display:inline-block;margin:0;background:green;color:green;font-size:1pt;">&nbsp;</div><div style="width:150px;height:10px;display:inline-block;margin:0;background:silver;font-size:1pt;">&nbsp;</div>
  
* 50%
+
* 50%:
<div style="width:100px;display:inline-block;background:green;color:green;position:relative;">&nbsp;</div><div style="width:100px;display:inline-block;background:silver;">&nbsp;</div>
+
<div style="width:100px;height:10px;display:inline-block;margin:0;background:green;color:green;font-size:1pt;">&nbsp;</div><div style="width:100px;height:10px;display:inline-block;margin:0;background:silver;font-size:1pt;">&nbsp;</div>
  
* 100%
+
* 100%:
<div style="width:200px;display:inline-block;background:green;position:relative;">&nbsp;</div>
+
<div style="width:200px;height:10px;height:10px;display:inline-block;margin:0;background:green;font-size:1pt;">&nbsp;</div>

Версия 15:15, 13 марта 2011

А зачем эти блоки из псевдографики? Не лучше ли divʼы с точной шириной и высотой и цветным бэкграундом?

Например:

  • 0%:
 
  • 25%:
 
 
  • 50%:
 
 
  • 100%: