Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Помогите уменьшить отступ

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Safok
Отправлено: 22 Июня, 2013 - 20:34:24
Post Id



Гость


Покинул форум
Сообщений всего: 96
Дата рег-ции: Март 2013  


Помог: 0 раз(а)

[+]


html:
CODE (html):
скопировать код в буфер обмена
  1. <div class="news-box">
  2.  
  3.                
  4.         <div class="block-header"><center>Новый плагин</center></div>
  5.         <img class="img-polaroid2" src="http://smain.ru/style/img/news/1370737911.jpg" width="80" height="80"/>
  6.         <div class="news-text">
  7.           <p>Был удален ненужный плагин MyHome, его заменил другой. В связи с этим у всех исчезли точки /home. Воспользуйтесь той же командой /sethome для восстановления. Теперь VIP игрокам можно ставить 3 точки дома, а Premium 10 точек дома. <br>Подробности в полной новости.</p>
  8.           <p>&nbsp;</p>
  9.         </div>
  10.  
  11. <div class="news-footer">
  12.  
  13.                 <table width="100%"><tr><td width="95px" align="left"><div style="margin-top: 2px; margin-right: 2px; float:left;"><i class="livicon" data-s="16" data-n="clock"></i></div> 09.06.2013</td><td align="left"><div style="margin-top: 2px; margin-right: 2px; float:left;"><i class="livicon" data-s="16" data-n="eye-open"></i></div> 198 </td><td align="right"> <a class="news-link" href="index.php?id=10">Подробнее</a> </td></tr></table> <!--<span class="divider">|</span>  -->
  14.                 <!--<span class="divider">|</span> <a class="news-link" href=""></a>-->
  15.  
  16.                
  17. <!--
  18.                         <div style="display: inline-block; margin-right: 6px;">
  19.  
  20.                                 <a class="news-link" href="index.php?id=10">
  21.                                
  22.                                         <img style="vertical-align: middle; margin-bottom: 2px;" src="style/img/comment.png" alt="Комментарии" width="12" height="12"/>
  23.                                         0
  24.                                        
  25.                                 </a>
  26.                         </div>
  27. -->
  28.                        
  29.  
  30.                 </div>
  31.  
  32. </div>
  33.        
  34. </div>

css:
CODE (html):
скопировать код в буфер обмена
  1. /* style css
  2. -------------------------------------------------- */
  3. @import url("bootstrap.css");
  4. @import url("bootstrap-responsive.css");
  5.  
  6. /*@import url("../skinPoser/style.css");*/
  7. .block-header {
  8. display: block;
  9. padding: 5px;
  10. text-align: center;
  11. line-height: 20px;
  12. font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
  13.               Helvetica, Arial, "Arial Unicode MS", Sans-Serif;  
  14.                           font-size: 20px;
  15.                          
  16. }
  17. .footer-block-header {
  18.         height: 2px;
  19.     background: #f1f1f1;
  20.     -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  21.      -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  22.           box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  23. }
  24. .news-text {
  25.   font-size: 14px;
  26.  
  27.   padding: 5px;
  28.   line-height: 20px;
  29.   white-space: pre-line;
  30.   white-space: -moz-pre-line;
  31.   white-space: -pre-line;
  32.   white-space: -o-pre-line;
  33.   word-wrap: break-word;
  34.   font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
  35.               Helvetica, Arial, "Arial Unicode MS", Sans-Serif;  
  36.                           font-size: 30px;
  37.                        
  38.        
  39. }
  40. .news-footer {
  41.   padding: 6px;
  42.   border: 0;
  43.   border-top: 1px solid #e5e5e5;
  44.   margin: 10px; /* Отступы вокруг */
  45.  /* border-bottom: 1px solid #eee;*/
  46. }
  47. .faqtablezag{
  48.   text-align:center;
  49.   font-size:16px;
  50.   /*border-bottom: 1px solid #d4d4d4;*/
  51.   -webkit-border-radius: 0 0 0 0;
  52.      -moz-border-radius: 0 0 0 0;
  53.           border-radius: 0 0 0 0;
  54. background: #1570A6;
  55. color: #fff;
  56. }
  57.  
  58. .faqtabletr{
  59.   padding: 10px;
  60.   font-size:14px;
  61.   /*border-bottom: 1px solid #d4d4d4;
  62.   border-top: 1px solid #d4d4d4;*/
  63. }
  64. a.news-link {
  65. padding: 2px 6px 3px 6px;
  66. text-decoration: none;
  67. color: #fff;
  68. background: #7aafff;
  69.   -webkit-transition: 0.2s ease-in-out;
  70.   -moz-transition: 0.2s ease-in-out;
  71.   -o-transition: 0.2s ease-in-out;
  72.   -ms-transition: 0.2s ease-in-out;
  73.   transition: 0.2s ease-in-out;
  74. }
  75.  
  76.  
  77. a.news-link:hover{
  78.         background: #1570A6;
  79. }
  80.  
  81. a.news-link:active{
  82. }
  83. .news-box {
  84.   margin-bottom: 10px;
  85.     background-color: #fff;
  86.         border: 1px solid #ddd;
  87.         min-height: 200px;
  88.     /*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
  89.      -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
  90.           box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
  91.                   border-radius: 2px;
  92.                   position:relative;*/
  93.                   padding: 0 10px 3px;
  94. }
  95. /*
  96. .news-box:before, .news-box:after
  97. {
  98.     content:"";
  99.     position:absolute;
  100.     z-index:-1;
  101.     -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
  102.     -moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
  103.     box-shadow:0 1px 5px rgba(0,0,0,0.2);
  104.     top:10%;
  105.     bottom:0px;
  106.     left:20px;
  107.     right:20px;
  108.     -moz-border-radius:160px / 10px;
  109.     border-radius:160px / 10px;
  110. }
  111. */
  112. .news-box .divider {
  113.   padding: 0 5px;
  114.   color: #5b5b5b;
  115. }
  116. .news-header {
  117.   background-color: #fff;
  118.   padding: 6px;
  119.   font-size: 16px;
  120.   color: #999;
  121.   border-bottom: 1px dashed #e0edf1;
  122. }
  123. .news-text {
  124.  
  125.   font-size: 14px;
  126.   /*padding: 10px;*/
  127.  
  128.   white-space: pre-line;
  129.   white-space: -moz-pre-line;
  130.   white-space: -pre-line;
  131.   white-space: -o-pre-line;
  132.   word-wrap: break-word;
  133.        
  134. }
  135.  

Прикреплено изображение (Нажмите для увеличения)
safokphp.PNG
 
 Top
Телевизор
Отправлено: 23 Июня, 2013 - 04:20:23
Post Id



Посетитель


Покинул форум
Сообщений всего: 369
Дата рег-ции: Март 2010  
Откуда: с яндекса


Помог: 3 раз(а)




padding или margin
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB