Nur Text | Text mit Bildern

pragmaMx Support Forum

pragmaMx => Individuelle Anpassungen => Thema gestartet von: The_Butcher am 24 Juni 2005, 18:19:54

Titel: newsticker im table soll mitscrollen
Beitrag von: The_Butcher am 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 (http://www.xn--mrkischer-markt-0kb.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ß  :-)
Titel: Re: newsticker im table soll mitscrollen
Beitrag von: Andi am 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>
Titel: Re: newsticker im table soll mitscrollen
Beitrag von: The_Butcher am 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"
Titel: Re: newsticker im table soll mitscrollen
Beitrag von: The_Butcher am 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>
Titel: Re: newsticker im table soll mitscrollen
Beitrag von: jubilee am 25 Juni 2005, 20:01:05
Hallo !
Mach anstatt overflow:auto mal overflow:hidden
das sollte dann den gewünschten Effekt bringen.
MfG
jubilee
Titel: Re: newsticker im table soll mitscrollen
Beitrag von: The_Butcher am 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ß
Nur Text | Text mit Bildern