Problem mit Layout - Zeilenumbruch zuviel. (CSS, JS, HTML)
TigerDE2
- javascript
Hi!
Ich hoffe, ich hab' die richtige Kategorie gewählt... ;)
Mein Problem:
Ich habe verzweifelt einen Cross Browser Ticker gesucht und nach langer Suche endlich gefunden.
Leider setzt der JSCode einen Zeilenumbruch, den ich nicht will.
vgl. Grafik http://demo.spicken.de/psticker.gif oder gaaanz unten. ;o)
Der Zeilenumbruch soll nicht da sein, der Ticker rechts neben dem Schriftzug stehen.
Kann mir da jemand helfen?
Der Code:
--------------------------------------------------------------------------------
<div class="seitentitel" style="width:468px;">
<?php if($s=="" || $s==" ") { ?>News:
<span style="color:white;">
<script language="JavaScript1.2">
/*Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact*/
//Specify the marquee's width (in pixels)
var marqueewidth=280
//Specify the marquee's height
var marqueeheight=16
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=3
//configure background color:
var marqueebgcolor="#2074FF"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that's great):
var marqueecontent='<nobr><font face="Arial">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm">click here.</a> Enjoy your stay!</font></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeedvar pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementByIdif (iedom)document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-1000">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marqueefunction
populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=marqueewidth+8
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? cross_marquee.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=marqueewidth+8ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed
else
cross_marquee.style.left=marqueewidth+8
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=marqueewidth+8
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0;top:0"></div>')
write('</div></div>')}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')}document.write('</td></table>')
}
}
</script>
</span>
<?php } else { echo "Suchergebnisse"; } ?>
</div>
--------------------------------------------------------------------------------
Zusammen mit dem CSS-Teil:
Code:
--------------------------------------------------------------------------------
/* Schriftart */
.seitentitel,.bla{
font-family: Arial,Verdana,Helvetica,sans-serif;
}
.seitentitel,.newstitel {
font-size: 16px;
font-weight: bold;
border-width:2px;
border-style:solid;
border-color:black;
padding:3px;
}
.seitentitel {
color: #000000;
background: #2074FF;
width:715px;
}
table {
border:0px;
border-collapse:collapse;
empty-cells:show;
border-spacing:0px;
margin:0px;
padding:0px;
vertical-align:middle;
text-align:left;
}
td {
margin:0px;
padding:0px;
}
--------------------------------------------------------------------------------
Danke schonmal für eure Hilfe...
Christian
--------------------
Verwende eigene Schlechtschreibung
Hi,
<?php if($s=="" || $s==" ") { ?>News:
<span style="color:white;">
es könnte sein, weil News: vor dem <span> steht.
Versuch es mal so:
<?php if($s=="" || $s==" ") { ?>
<span style="color:white;">News
usw.
Vielleicht hilft das ja. :-)
Viele Grüße
Ben
Hi!
Leider nicht.
Es liegt imho vielmehr an einem der div/table-Befehle am Ende des Scripts. (gestern abend ausprobiert.)
Wird der erste div mit position:absolute; geschrieben, zeigt der ie das ganze auch da an, wo es hinsoll, der nc hängt es aber "in die luft" (über den border des newsdivs).
Und div durch span zu ersetzen geht nicht, weil dann der Ticker nicht mehr angezeigt wird.
Im Übrigen hab' ich beim posten einen Zeilenumbruch zu viel oder zu wenig im script gesetzt.
Wer's selbst testen möchte, sollte besser das Original verwenden... ;o)
http://www.dynamicdrive.com/dynamicindex2/cmarquee_dev.htm
Danke trotzdem.
Christian