Fenser / Tabelle anpassen

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

ich habe ein kleines Fenster /Tabelle mit Laufschrift,hier mal ein Bild vom Fenster:

http://www.fotos-hochladen.net/view/bild010rqvz2xfpb…

Und hier der Quellcode-Auszug davon:

News

HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLLwwwER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLLeeeeeR TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER S2L DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN
HIER SOL2
OLL DER TEXT REIN
HIER SOLL DER TEXT REIN

var Scrolling=true; speed=50;
var elem=document.getElementById(‚ticker‘)
var max=elem.scrollHeight;
elem.innerHTML+=elem.innerHTML;

function move(){
var scroll=elem.scrollTop;
if (Scrolling){
if(scroll < max) {scroll++}
else{scroll=1}
elem.scrollTop=scroll;
}
setTimeout(‚move()‘,speed);
}

setTimeout(‚move()‘,2500);

Leider habe ich von so etwas wenig Ahnung und deshalb hier meine Fragen:

1.Ich möchte den Abstand zwischen der unteren Zeile und dem unteren Strich des Fensters / der Tabelle oder wie man dies nennt verkleinern.
Was müsste ich da ändern?

  1. Wenn ich die Überschrift der Tabelle (derzeit „News“ ) auf eine zweizeilige Überschrift ändern mächte, wie bekomme ich dann diesen grau hinterlegten Bereich (unter der Überschrift) ewtas größer ind der Höhe so das die zweite Zeile nicht im weißen Bereich hängt?

Ich hoffe mir kann wer helfen.

Vielen Dank

Gruss Werner

#2

Hallo Werner,

steht Dein geposteter Quelltext in einer Tabelle oder Frame?

Das Bild ist zwar nicht mehr verfügbar, aber habe es noch im Kopf :smile:
Damit es annähernd so aussieht, dass 1. div - element (class box) mal auf 500px Breite definiert:



muss sein
*{padding:0;margin:0}
body{padding:10px}
h2{font-size:120%}
.box{width:500px;border:1px solid grey}
.header{text-align:center;background-color:lightgrey}
.content{padding:1px 0px 1px 1px;}
.footer{}
#ticker{height:160px;width:95%;text-align:center;overflow:hidden;padding:0px}
 
 News noch eine Zeile 
 
 
HIER SOLL DER TEXT REIN HIER SOLL DER TEXT REIN 
HIER SOLL DER TEXT REIN

HIER SOLL DER TEXT REIN HIER 
SOLL DER TEXT REIN

HIER SOLL DER TEXT REIN

HIER SOLL DER TEXT REIN 
HIER SOLL DER TEXT REIN

HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN

HIER SOLL DER TEXT REIN 
HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN 
HIER SOLL DER TEXT REIN

HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN

HIER SOLL DER TEXT REIN
HIER SOLL DER TEXT REIN

 


var Scrolling=true; speed=50;
var elem=document.getElementById(‚ticker‘)
var max=elem.scrollHeight;
elem.innerHTML+=elem.innerHTML;

function move(){
var scroll=elem.scrollTop;
if (Scrolling){
if(scroll < max) {scroll++}
else{scroll=1}
elem.scrollTop=scroll;
}
setTimeout(‚move()‘,speed);
}
setTimeout(‚move()‘,2500);

h♥rzlichen Gruß
Nitya

#3

Hallo,

das hat geklappt.
Vielen lieben Dank nochmal.

Gruss Werner

#4

Hallo,

das hat geklappt.

auch wenn dies so ist …
möchtest Du nicht wissen warum?

h♥rzlichen Gruß
Nitya