Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: чтото похожее на display:block
 
 автор: _гость_   (17.02.2008 в 23:47)
 
 

нехватает знания понять, какими нибудь средствами можно добиться чтобы фон элементов span (например)
подсвечивалсябы как в некоторых редакторах .
например если как здесь
<style>
span { display: inline-block; background: #FFF }
    </style>
<pre style="font: bolder 20px Arial; background: #DDD">
&lt;tag&gt;<span>&lt;?php

echo "здесь_________________________текст";
?&gt;</span>&lt;/tag&gt;
и здесь <span>&lt;?="текст"?&gt;</span> но меньше

</pre>

с CSS кажется уже всё перепробовал, никакой возможности сделать что-бы между <span> и </span>
строки подсвечивались до правой границы или до закрывающего тега.
както можно такое сделать ? может какиенибудь javascript -способы есть ?

   
 
 автор: CNTv2.0   (18.02.2008 в 02:19)   письмо автору
 
   для: _гость_   (17.02.2008 в 23:47)
 

display: inline-block; - это что-то очень оригинальное.
Видимо, совсем новое. Ибо никогда не встречал :-)

<style>
span {position: relative; background-color: yellow}
</style>

<span>Будет с желтым фоном</span>


PS. Свойство display может иметь значения:
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
none
inherit

и каких-то иных быть не может.

   
 
 автор: exp   (18.02.2008 в 18:24)   письмо автору
 
   для: CNTv2.0   (18.02.2008 в 02:19)
 

:) всёравно не получается :(
<style>
pre { border: red solid 4px; }
span { position: relative; display: inline; background: yellow; }
</style>
<pre> text <span> &lt;?php

 // texttextexttexttexttexttext
?&gt;</span> text
 text <span> &lt;?=$text?&gt; </span> text
</pre>

<script type="text/javascript">
array = document.getElementsByTagName('span');
for (i=0; i<array.length; i++) {

 txt = array[i].innerHTML;
 a=txt.split("\n");

 switch (a.length) { 
    case 1:
        array[i].innerHTML = a[0];
    break;
    case 2:
        array[i].innerHTML = a[0] + '\n' + a[1];
    break;
    default:
        array[i].innerHTML =  a[0] + '<span style="display: block;">';
        for (u=1; u < (a.length - 1); u++) {
            array[i].innerHTML += a[u];
        }
        array[i].innerHTML += '</span>' + a[u];
    break;
 }
}
</script>
отображается похоже только в опере , похоже на то что надо.

какимнибудь боком можно приделать простому тексту (например полученному из innerHTML)
свойство похожее на .style.background ?

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования