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
Форумы портала PHP.SU :: Версия для печати :: Скругление углов с помощью CSS3
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Скругление углов с помощью CSS3

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

1. Телевизор - 24 Марта, 2010 - 17:02:14 - перейти к сообщению
скрипт хороший Хммм...
скрипт скругляет углы
и tinymce тоже юзает кучу тегов и при объединении их происходит что-то нечто
весь текст кукожится

в чем комфлик понять не могу, кажется виновник тег span , но пробывал и p тотже результат, может ктонибудь сталкивался с этим ?

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <style type="text/css">
  3. .panels {
  4. display: block;
  5. width: 300px;
  6. margin: 100px auto;
  7. padding: 0;
  8. }
  9. .panels li {
  10. display: block;
  11. list-style: none;
  12. margin-bottom: 10px;
  13. }
  14. .panels li span {
  15. display: block;
  16. font-size: 0;
  17. line-height: 0;
  18. }
  19. .panels li span, .panels li div {
  20. background: #74c44c;
  21. }
  22. .panels li div {
  23. padding: 10px;
  24. color: #fff;
  25. font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
  26. text-align: center;
  27. }
  28. .sp1 {
  29. height: 1px;
  30. margin: 0 5px;
  31. }
  32. .sp2 {
  33. height: 1px;
  34. margin: 0 3px;
  35. }
  36. .sp3 {
  37. height: 1px;
  38. margin: 0 2px;
  39. }
  40. .sp4 {
  41. height: 2px;
  42. margin: 0 1px;
  43. }
  44. </style>
  45.  
  46.  
  47. <ul class="panels">
  48. <li>
  49.         <span class="sp1"></span>
  50.         <span class="sp2"></span>
  51.         <span class="sp3"></span>
  52.         <span class="sp4"></span>
  53.         <div>Panel 2 Content</div>
  54.         <span class="sp4"></span>
  55.         <span class="sp3"></span>
  56.         <span class="sp2"></span>
  57.         <span class="sp1"></span>
  58. </li>
  59. </ul>
  60.  
2. JustUserR - 24 Марта, 2010 - 17:05:15 - перейти к сообщению
Телевизор пишет:
И tinymce тоже юзает кучу тегов и при объединении их происходит что-то нечто
Может быть проблемпа в JS-скрипте а не в данном CSS-коде?
3. Телевизор - 24 Марта, 2010 - 17:32:59 - перейти к сообщению
эм... даже не знаю,
в админке tinymce текст запосчу сохраню, а потом вывод данных, и там в перемешку с текстом есть span, а если ево убрать то отображается нормально,
можно что нибудь в место span в скрипте использовать?
4. JustUserR - 24 Марта, 2010 - 18:04:43 - перейти к сообщению
Телевизор пишет:
В админке tinymce текст запосчу сохраню
Все-таки в этом TinyMCE своя собственная обработка стилей и некоторых других параметров div-блоков - поэтому при редактировании может быть много различных недочетов
5. Телевизор - 16 Апреля, 2010 - 15:01:08 - перейти к сообщению
сорри забыл про топик бродил тут рядошком
вобщем ляпнул так? даже на подобие есть в нете

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="content">
  3. <b class="v1"></b><b class="v2"></b><b class="v3"></b><b class="v4"></b><b class="v5"></b>
  4. <div class="text">
  5. <?=stripslashes($row['body']);?>
  6. </div>
  7. <b class="v5"></b><b class="v4"></b><b class="v3"></b><b class="v2"></b><b class="v1"></b>
  8. </div><!-- /content -->
  9.  



CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. .v1, .v2, .v3, .v4, .v5 {
  3.         height: 1px;
  4.         font-size: 1px;
  5.         display: block;
  6.         overflow: hidden;
  7.         border-width: 0 1px;
  8. }
  9. .v1 {margin: 0 5px; background:#FFF;}
  10. .v2 {margin: 0 3px; border-width: 0 2px; background:#FFF;}
  11. .v3 {margin: 0 2px; background:#FFF;}
  12. .v4 {margin: 0 1px; background:#FFF;}
  13. .v5 {margin: 0 1px; background:#FFF;}
  14.  
6. JustUserR - 16 Апреля, 2010 - 17:18:22 - перейти к сообщению
Телевизор пишет:
Сорри забыл про топик бродил тут рядошком вобщем ляпнул так? даже на подобие есть в нете
Похоже что в TinyMCE в режиме редактирования ваш HTML-код проходит через определенный парсер и часть стилей заменяются на встроенные - откуда и берется конфликт с отображением

 

Powered by ExBB FM 1.0 RC1