newsticker im table soll mitscrollen

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

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 2 Gäste betrachten dieses Thema.

Drucken
Nach unten Seiten1
Benutzer-Aktionen

The_Butcher

24 Juni 2005, 18:19:54
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

#1
24 Juni 2005, 20:57:33
Hi :)

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

Aber das:
Code Auswählen
<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:
Code Auswählen
<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

#2
25 Juni 2005, 11:06:14
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

#3
25 Juni 2005, 11:17:40
Das ganze sieht dann in html so aus:

Code Auswählen

<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

#4
25 Juni 2005, 20:01:05
Hallo !
Mach anstatt overflow:auto mal overflow:hidden
das sollte dann den gewünschten Effekt bringen.
MfG
jubilee

The_Butcher

#5
25 Juni 2005, 23:14:07
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
Drucken
Nach oben Seiten1
Benutzer-Aktionen