Има ли елемент като див но да се разтяга

[jooorooo]

Такам трябва ми елемент като див-че, но да се разтяга безкрайно според дължината на текста.

 

[MontefuckeR]

Такам трябва ми елемент като див-че, но да се разтяга безкрайно според дължината на текста.

Пробва ли див с размери в проценти % ?

 

[jooorooo]

ето каква ми е идеята


<div id="skroll" style="width: 100px; height: 30px; overflow:hidden">
<div id="ruler">G GI YI GYI gyg yu gy <a href="linka">fe few few few few</a> fe ew few ge </div>
</div>

Виж че външния див е 100 пиксела и ако текта е дълъг, във 2-рия див се мести на нов ред, целта ми е да не се мести, а да се разширява.

ето за какво ми е за сега е в ранен перйод на развитие все още

и кода е грозен все още

<script type="text/javascript">
var Timer;

function Animate()
{
  document.getElementById("skroll").scrollLeft = 0;
  clearInterval(Timer);
  Timer = setInterval("ScrollToLeft()", 20);
}
function ScrollToLeft()
	{
	Simb = document.getElementById("ruler").innerHTML.length;
	document.getElementById("ruler").style.width = (Simb*6)+(2.3*parseInt(document.getElementById("skroll").style.width));
	document.getElementById("ruler").style.textAlign="center";
	var rulerSpan = document.getElementById('ruler');
	widtha = rulerSpan.offsetWidth - parseInt(document.getElementById("skroll").style.width);
	document.getElementById("skroll").scrollLeft += 2;
	if (document.getElementById("skroll").scrollLeft == widtha ){ 
    document.getElementById("skroll").scrollLeft = 0;
	}
	document.getElementById("sa").innerHTML = document.getElementById("skroll").scrollLeft;
}
</script>
<body onload="Animate()">
<span id="sa"></span>
<div id="skroll" style="width: 800px; height: 30px; overflow:hidden">
  <div id="ruler">G GI YI GYI  gyg yu gy <a href="linka">fe few few few few</a> fe ew few ge </div>
</div>

 

[maxvolum]

Трябва да махнеш width: 100px тогава .
Виж то като имаш определена дължина не можеш да я махнеш. Или имаш определена дължина или не.

 

[jooorooo]

Трябва да махнеш width: 100px тогава .
Виж то като имаш определена дължина не можеш да я махнеш. Или имаш определена дължина или не.

пробвай кода който съм дал за да схванеш каква ми е идеята ;-)

 

[MontefuckeR]

<div id="skroll" style="width: 100%; height: 30px; overflow:hidden">
или кажи на дива да е във вид на таблица а не блоков

 

[jooorooo]

<div id="skroll" style="width: 100%; height: 30px; overflow:hidden">
или кажи на дива да е във вид на таблица а не блоков

не

не ми трябва в %

примерно

<div style="width: 100px; height: 30px; overflow:hidden"><span> fgew gfew gfr gre gr gre gre gre gre gre gre gre gre gre reg gre gre gre gre gre gre</span></div>

и да не се пренася на нов ред а да си остане на 1 ред спана

все едно, че е направено така

<div style="width: 100px; height: 30px; overflow:hidden"><span> fgew gfew gfr gre gr gre gre gre gre gre gre gre gre gre reg gre gre gre gre gre gre</span></div>

 

[MontefuckeR]

<div id="skroll" style="width: 100%; height: 30px; overflow:hidden">
или кажи на дива да е във вид на таблица а не блоков

не

не ми трябва в %

примерно

<div width="100px"><span> fgew gfew gfr gre gr gre gre gre gre gre gre gre gre gre reg gre gre gre gre gre gre</span></div>

и да не се пренася на нов ред а да си остане на 1 ред спана

все едно, че е направено така

<div width="100px"><span> fgew gfew gfr gre gr gre gre gre gre gre gre gre gre gre reg gre gre gre gre gre gre</span></div>

Този код който си дал по горе го тествах и пиша (пействам) 7000 реда текст и си е на 1 ред :roll: аз ли не разбирам какво искаш или някой друг код те бърка...

 

[jooorooo]

едитнах си мнението.

 

[shterev]

min-width , не става ли, а защо ти е тогава overflow:hidden; ,когато искаш да се разтегне??

 

[jooorooo]

min-width , не става ли, а защо ти е тогава overflow:hidden; ,когато искаш да се разтегне??

За да се скролва

С няколко думи, опитвам се да си направя алтернатива на marquee която да не сече

 

[lortnoc]

ето каква ми е идеята


<div id="skroll" style="width: 100px; height: 30px; overflow:hidden">
<div id="ruler">G GI YI GYI gyg yu gy <a href="linka">fe few few few few</a> fe ew few ge </div>
</div>

Виж че външния див е 100 пиксела и ако текта е дълъг, във 2-рия див се мести на нов ред, целта ми е да не се мести, а да се разширява.

... и да не се пренася на нов ред а да си остане на 1 ред спана ...

Ами то като почне скрола си става на 1 ред (при 100-те px).

Иначе <nobr> ?

 

[jooorooo]

Вие дадохте една точка за support на lortnoc .
Натиснете тук за да се върнете в темата.

Това се искаше

а като е на 100 пиксела със скрол, не знам защо ми пренася в другия див на нов ред, много странна работа...

 

[shterev]

а ще може ли да го видим това нещо, че логически ми изглейда странно малко

 

[jooorooo]

http://webjo-bg.info/09042008/scroll.html
това ли? или пренасянето?

 

[shterev]

самото разтягане