|
автор: _гость_ (17.02.2008 в 23:47) |
|
| нехватает знания понять, какими нибудь средствами можно добиться чтобы фон элементов span (например)
подсвечивалсябы как в некоторых редакторах .
например если как здесь
<style>
span { display: inline-block; background: #FFF }
</style>
<pre style="font: bolder 20px Arial; background: #DDD">
<tag><span><?php
echo "здесь_________________________текст";
?></span></tag>
и здесь <span><?="текст"?></span> но меньше
</pre>
|
с CSS кажется уже всё перепробовал, никакой возможности сделать что-бы между <span> и </span>
строки подсвечивались до правой границы или до закрывающего тега.
както можно такое сделать ? может какиенибудь javascript -способы есть ? | |
|
|
|
|
|
|
|
для: _гость_
(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
и каких-то иных быть не может. | |
|
|
|
|
|
|
|
для: CNTv2.0
(18.02.2008 в 02:19)
| | :) всёравно не получается :(
<style>
pre { border: red solid 4px; }
span { position: relative; display: inline; background: yellow; }
</style>
<pre> text <span> <?php
// texttextexttexttexttexttext
?></span> text
text <span> <?=$text?> </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 ? | |
|
|
|