PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Скругление углов с помощью CSS3

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

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

Описание: комфликт с tinymce или есть иное решение?

Поиск в теме | Версия для печати

Телевизор	Отправлено: 24 Марта, 2010 - 17:02:14
Посетитель Покинул форум Сообщений всего: 369 Дата рег-ции: Март 2010 Откуда: с яндекса Помог: 3 раз(а)	скрипт хороший скрипт скругляет углы и tinymce тоже юзает кучу тегов и при объединении их происходит что-то нечто весь текст кукожится в чем комфлик понять не могу, кажется виновник тег span , но пробывал и p тотже результат, может ктонибудь сталкивался с этим ? CODE (htmlphp): скопировать код в буфер обмена <style type="text/css"> .panels { display: block; width: 300px; margin: 100px auto; padding: 0; } .panels li { display: block; list-style: none; margin-bottom: 10px; } .panels li span { display: block; font-size: 0; line-height: 0; } .panels li span, .panels li div { background: #74c44c; } .panels li div { padding: 10px; color: #fff; font: 14px/18px Verdana, Arial, Helvetica, sans-serif; text-align: center; } .sp1 { height: 1px; margin: 0 5px; } .sp2 { height: 1px; margin: 0 3px; } .sp3 { height: 1px; margin: 0 2px; } .sp4 { height: 2px; margin: 0 1px; } </style> <ul class="panels"> <li> <span class="sp1"></span> <span class="sp2"></span> <span class="sp3"></span> <span class="sp4"></span> <div>Panel 2 Content</div> <span class="sp4"></span> <span class="sp3"></span> <span class="sp2"></span> <span class="sp1"></span> </li> </ul> Прикреплено изображение (Нажмите для увеличения)

JustUserR	Отправлено: 24 Марта, 2010 - 17:05:15
Активный участник Покинул форум Сообщений всего: 8715 Дата рег-ции: Июнь 2009 Помог: 17 раз(а)	Телевизор пишет: И tinymce тоже юзает кучу тегов и при объединении их происходит что-то нечто Может быть проблемпа в JS-скрипте а не в данном CSS-коде? ----- Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Телевизор	Отправлено: 24 Марта, 2010 - 17:32:59
Посетитель Покинул форум Сообщений всего: 369 Дата рег-ции: Март 2010 Откуда: с яндекса Помог: 3 раз(а)	эм... даже не знаю, в админке tinymce текст запосчу сохраню, а потом вывод данных, и там в перемешку с текстом есть span, а если ево убрать то отображается нормально, можно что нибудь в место span в скрипте использовать?

JustUserR	Отправлено: 24 Марта, 2010 - 18:04:43
Активный участник Покинул форум Сообщений всего: 8715 Дата рег-ции: Июнь 2009 Помог: 17 раз(а)	Телевизор пишет: В админке tinymce текст запосчу сохраню Все-таки в этом TinyMCE своя собственная обработка стилей и некоторых других параметров div-блоков - поэтому при редактировании может быть много различных недочетов ----- Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Телевизор	Отправлено: 16 Апреля, 2010 - 15:01:08
Посетитель Покинул форум Сообщений всего: 369 Дата рег-ции: Март 2010 Откуда: с яндекса Помог: 3 раз(а)	сорри забыл про топик бродил тут рядошком вобщем ляпнул так? даже на подобие есть в нете CODE (html): скопировать код в буфер обмена <div id="content"> <b class="v1"></b><b class="v2"></b><b class="v3"></b><b class="v4"></b><b class="v5"></b> <div class="text"> <?=stripslashes($row['body']);?> </div> <b class="v5"></b><b class="v4"></b><b class="v3"></b><b class="v2"></b><b class="v1"></b> </div><!-- /content --> CODE (htmlphp): скопировать код в буфер обмена .v1, .v2, .v3, .v4, .v5 { height: 1px; font-size: 1px; display: block; overflow: hidden; border-width: 0 1px; } .v1 {margin: 0 5px; background:#FFF;} .v2 {margin: 0 3px; border-width: 0 2px; background:#FFF;} .v3 {margin: 0 2px; background:#FFF;} .v4 {margin: 0 1px; background:#FFF;} .v5 {margin: 0 1px; background:#FFF;}

JustUserR	Отправлено: 16 Апреля, 2010 - 17:18:22
Активный участник Покинул форум Сообщений всего: 8715 Дата рег-ции: Июнь 2009 Помог: 17 раз(а)	Телевизор пишет: Сорри забыл про топик бродил тут рядошком вобщем ляпнул так? даже на подобие есть в нете Похоже что в TinyMCE в режиме редактирования ваш HTML-код проходит через определенный парсер и часть стилей заменяются на встроенные - откуда и берется конфликт с отображением ----- Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Поиск в теме | Версия для печати

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

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

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