newsticker im table soll mitscrollen

Begonnen von The_Butcher, 24 Juni 2005, 18:19:54

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

The_Butcher

Hallo, 8)
ich habe da ein problem. ich habe ein newsticker vom presseportal. zu sehen auf meiner Site:

Märkischer Markt.de


Wenn der text länger wird erscheint ein scrollbalken und der untere text ist nicht zu sehen. jetzt möchte ich den scrollbalken weghaben und der untere text soll lesbar sein, also automatisch zum ende scrollen. hier der quelltext.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<table width="100%" height="40"  border="0" cellpadding="0">
  <tr>
    <th><div align="center">Top News</div></th>
  </tr>
  <tr>
    <td style="width: 170px; height: 40px;">
      <div style="width: 100%; height: 100%; overflow : auto;"><p>
<script language="JavaScript" src="http://www.presseportal.de/services/content/userfeed.htx?id=8270bfa21447fe185181502f3b3e97de" type="text/javascript"></script>

<body onload="newsticker()">

<span id="ppTicker"></span>   
   </p>
      </div>
  </tr>
</table>

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++



für ein tip wäre ich echt dankbar

gruß  :-)
Dreierlei Wege klug zu handeln: Durch Nachdenken, das ist der Edelste. Durch Nachahmen, das ist der Leichteste. Durch Erfahrung, das ist der Bitterste.    
  Konfuzius

Andi

Hi :)

das overflow : auto; erzeugt wahrscheinlich den scrollbalken.
Wenn du diese Zeichenfolge entfernst müsste er verschwunden sein.

Aber das:<body onload="newsticker()">hier mitten im Quelltext erzeigt einen kräftigen HTML-Fehler, der noch mehr durcheinander bringen kann...

Ich würde das wie folgt abändern:<table width="100%" height="40"  border="0" cellpadding="0">
  <tr>
    <th><div align="center">Top News</div></th>
  </tr>
  <tr>
    <td style="width: 170px; height: 40px;">
      <div style="width: 100%; height: 100%;"><p>
<script language="JavaScript" src="http://www.presseportal.de/services/content/userfeed.htx?id=8270bfa21447fe185181502f3b3e97de" type="text/javascript"></script>
<span id="ppTicker"></span>   
   </p>
      </div>
  </tr>
</table>
<script language="JavaScript">
newsticker();
</script>
schön´s Grüssle, Andi

The_Butcher

Danke erst mal.

wenn ich das overflow wegnehme, dann erweitert sich bei langen texten das table, das möchte ich ja verhindern. der scrollende text soll in dem table angezeigt werden und wenn der text länger wird soll er automatisch nach oben rutschen damit der endtext zu sehen ist.

Die änderung funktioniert nicht. aber ich denke es liegt an mir. das ganze ist in php und so sieht das table ganz aus:


."<table bgcolor=\"FCFFE6\" width=\"100%\" border=\"0\" cellpadding=\"0\">"
  . "  <tr>"
  . "    <td width=\"182\" >"
  . "   <table width=\"100%\" height=\"40\"  border=\"0\" cellpadding=\"0\">"
  . "  <tr>"
  . "    <th><div align=\"center\">Top News</div></th>"
  . "  </tr>"
  . "  <tr>"
  . "    <td style=\"width: 170px; height: 40px;\"><div style=\"width: 100%; height: 100%;\">"
  . "   <p>"
  . "      <script language=\"JavaScript\" src=\"http://www.presseportal.de/services/content/userfeed.htx?id=8270bfa21447fe185181502f3b3e97de\" type=\"text/javascript\"></script>"
  . "      <body onload=\"newsticker()\">"
  . "      <span id=\"ppTicker\"></span>"
  . "   </p> "
  . "      </div>"
  . "  </tr>"
  . "</table>"
  . "   </td>"
  . "    <td bgcolor=\"#000000\" width=\"1\" ><img src=\"../pragma/themes/FungKu/images/pixel.gif\" width=\"1\" height=\"1\"></td>"
  . "    <td width=\"159\">"
  . "   <table width=\"100%\" height=\"40\"  border=\"0\" cellpadding=\"0\">"
  . "      <tr>"
  . "        <th width=\"160\"><div align=\"center\"></div></th>"
  . "      </tr>"
  . "      <tr>"
  . "        <td style=\"width: 160px; height: 40px;\"><div style=\"width: 100%; height: 100%; overflow : auto;\">"
  . "            <p> "
  . "         </p>"
  . "            <div align=\"center\" class=\"Stil3\">in bearbeitung</div>"
  . "      </tr>"
  . "    </table>"
  . "   </td>"
  . "    <td bgcolor=\"#000000\" width=\"1\" ><img src=\"../pragma/themes/FungKu/images/pixel.gif\" width=\"1\" height=\"1\"></td>"
  . "    <td width=\"159\">"
  . "   <table width=\"100%\" height=\"40\"  border=\"0\" cellpadding=\"0\">"
  . "      <tr>"
  . "        <th width=\"160\"><div align=\"center\"></div></th>"
  . "      </tr>"
  . "      <tr>"
  . "        <td style=\"width: 100%; height: 40px;\"><div style=\"width: 100%; height: 100%; overflow : auto;\">"
  . "            <p> "
  . "         </p>"
  . "            <div align=\"center\" class=\"Stil3\">in bearbeitung</div>"
  . "      </tr>"
  . "    </table></td>"
  . "    <td bgcolor=\"#000000\" width=\"1\" ><img src=\"../pragma/themes/FungKu/images/pixel.gif\" width=\"1\" height=\"1\"></td>"
  . "    <td width=\"161\"><table width=\"100%\" height=\"40\"  border=\"0\" cellpadding=\"0\">"
  . "      <tr>"
  . "        <th width=\"160\"><div align=\"center\"></div></th>"
  . "      </tr>"
  . "      <tr>"
  . "        <td style=\"width: 160px; height: 40px;\"><div style=\"width: 100%; height: 100%; overflow : auto;\">"
  . "            <p> </p>"
  . "            <div align=\"center\" class=\"Stil3\">in bearbeitung</div>"
  . "      </tr>"
  . "    </table></td>"
  . "    <td bgcolor=\"#000000\" width=\"1\" ><img src=\"../pragma/themes/FungKu/images/pixel.gif\" width=\"1\" height=\"1\"></td>"
  . "    <td width=\"160\"><table width=\"100%\" height=\"40\"  border=\"0\" cellpadding=\"0\">"
  . "      <tr>"
  . "        <th width=\"160\"><div align=\"center\"></div></th>"
  . "      </tr>"
  . "      <tr>"
  . "        <td style=\"width: 160px; height: 40px;\"><div style=\"width: 100%; height: 100%; overflow : auto;\">"
  . "            <p> </p>"
  . "            <div align=\"center\" class=\"Stil3\">in bearbeitung</div>"
  . "      </tr>"
  . "    </table></td>"
  . "  </tr>"
  . "</table>\n"
   ."</td>\n"
   ."</tr>\n"
   ."<tr>\n"
   ."<td bgcolor=\"#ffffff\"><img src=\"themes/FungKu/images/pixel.gif\" width=\"1\" height=\"3\" border=\"0\" alt=\"\"></td>\n"
   ."</tr>\n"
      ."</table>\n"
Dreierlei Wege klug zu handeln: Durch Nachdenken, das ist der Edelste. Durch Nachahmen, das ist der Leichteste. Durch Erfahrung, das ist der Bitterste.    
  Konfuzius

The_Butcher

Das ganze sieht dann in html so aus:


<table width="100%" border="0" cellpadding="0">
  <tr>
    <td width="182" >
<table width="100%" height="40"  border="0" cellpadding="0">
  <tr>
    <th><div align="center">Top News</div></th>
  </tr>
  <tr>
    <td style="width: 170px; height: 40px;"><div style="width: 100%; height: 100%; overflow : auto;">
<p>

</p>
      </div>
  </tr>
</table>

</td>
    <td bgcolor="#000000" width="1" ><img src="../pragma/themes/FungKu/images/pixel.gif" width="1" height="1"></td>
    <td width="159">
<table width="100%" height="40"  border="0" cellpadding="0">
      <tr>
        <th width="160"><div align="center"></div></th>
      </tr>
      <tr>
        <td style="width: 160px; height: 40px;"><div style="width: 100%; height: 100%; overflow : auto;">
            <p>
</p>
            <div align="center" class="Stil1">in bearbeitung </div>
        </div>
      </tr>
    </table>

</td>
    <td bgcolor="#000000" width="1" ><img src="../pragma/themes/FungKu/images/pixel.gif" width="1" height="1"></td>
    <td width="159">
<table width="100%" height="40"  border="0" cellpadding="0">
      <tr>
        <th width="160"><div align="center"></div></th>
      </tr>
      <tr>
        <td style="width: 100%; height: 40px;"><div style="width: 100%; height: 100%; overflow : auto;">
            <p>
</p>
            <div align="center" class="Stil1">in bearbeitung </div>
      </tr>
    </table></td>
    <td bgcolor="#000000" width="1" ><img src="../pragma/themes/FungKu/images/pixel.gif" width="1" height="1"></td>
    <td width="161"><table width="100%" height="40"  border="0" cellpadding="0">
      <tr>
        <th width="160"><div align="center"></div></th>
      </tr>
      <tr>
        <td style="width: 160px; height: 40px;"><div style="width: 100%; height: 100%; overflow : auto;">
            <p> </p>
            <div align="center" class="Stil1">in bearbeitung </div>
      </tr>
    </table></td>
    <td bgcolor="#000000" width="1" ><img src="../pragma/themes/FungKu/images/pixel.gif" width="1" height="1"></td>
    <td width="160"><table width="100%" height="40"  border="0" cellpadding="0">
      <tr>
        <th width="160"><div align="center"></div></th>
      </tr>
      <tr>
        <td style="width: 160px; height: 40px;"><div style="width: 100%; height: 100%; overflow : auto;">
            <p> </p>
            <div align="center" class="Stil1">in bearbeitung </div>
      </tr>
    </table></td>
  </tr>
</table>
Dreierlei Wege klug zu handeln: Durch Nachdenken, das ist der Edelste. Durch Nachahmen, das ist der Leichteste. Durch Erfahrung, das ist der Bitterste.    
  Konfuzius

jubilee

Hallo !
Mach anstatt overflow:auto mal overflow:hidden
das sollte dann den gewünschten Effekt bringen.
MfG
jubilee

The_Butcher

Danke, hat erst mal gepasst. 8)  jetzt müßte nur noch der text automatisch scrollen damit man die endzeile sieht. kennt vielleicht jemand ein script dafür?

gruß
Dreierlei Wege klug zu handeln: Durch Nachdenken, das ist der Edelste. Durch Nachahmen, das ist der Leichteste. Durch Erfahrung, das ist der Bitterste.    
  Konfuzius