Exeltabelle auf der Homepage einfügen 
Autor: Bea A.
Besucht 1642,
Followers 1,
Geteilt 0
Hallo, ich muss für einen Verein eine Hompage erstellen. Sie haben mir eine Exel Tabelle geschickt mit Informationen von Anlässen drauf. Ich habe die Tabelle umgewandelt in HTML Dateityp Website und den Quelltext kopiert und eingefügt es erscheint zwar der Inhalt aber die einzelnen Spalten sind nicht mehr linksbündig sondern zentriert. Was mache ich falsch ich bin neu auf dem Gebiet mit wenig Ahnung. Kann mir jemand helfen. Herzlichen Dank
Gepostet am
Die Steuer- bzw. Stylebefehle von Excel werden wahrscheinlich nicht korrekt übernommen und müssen extra eingefügt werden.
Es kann auch sein, dass in Excel irgendwo kein linksbündig eingegeben worden ist und sich das auf das ganze auswirkt. Ich würde das noch in Excel kontrollieren.
Autor
Ich habe die Tabelle kontrolliert , es ist alles linksbündig eingestellt. Anscheinend wird es nicht richtig übertragen. Was nun?
Autor
vielleicht hilft das, so sieht es aus wenn ich es im Quelltext anzeige.
<table style="border-collapse:<br /> collapse;table-layout:fixed;width:743pt" border="0" cellpadding="0" cellspacing="0" width="990"> style="mso-spacerun:yes"> </span></a></td>
<colgroup><col style="width:48pt" width="64">
<col style="mso-width-source:userset;mso-width-alt:2596;width:53pt" width="71">
<col class="xl68" style="mso-width-source:userset;mso-width-alt:11739;<br /> width:241pt" width="321">
<col class="xl68" style="mso-width-source:userset;mso-width-alt:6619;<br /> width:136pt" width="181">
<col class="xl68" style="mso-width-source:userset;mso-width-alt:2962;<br /> width:61pt" width="81">
<col class="xl68" style="mso-width-source:userset;mso-width-alt:7606;<br /> width:156pt" width="208">
<col style="width:48pt" width="64">
</colgroup><tbody><tr style="height:15.0pt" height="20">
<td colspan="5" class="xl67" style="height:15.0pt;width:539pt;<br /> font-size:11.0pt;color:black;font-weight:700;text-decoration:underline;<br /> text-underline-style:single;text-line-through:none;font-family:Calibri;<br /> background:#FFEF9C;mso-pattern:black none" height="20" width="718">2016</td>
<td class="xl68" style="width:156pt" width="208"></td>
<td style="width:48pt" width="64"></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">25.06.2016</td>
<td class="xl68">Trychlerolympiade</td>
<td class="xl68">Schindelegi</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">02.07.2016</td>
<td class="xl68">Neu-Uniformierung Bras-Band MG Schwarzenberg</td>
<td class="xl68">Schwarzenberg</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl69"><a href="http://uniform2016.ch/" target="_parent">http://uniform2016.ch/
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">09.07.2016</td>
<td class="xl68">Gadäfäscht</td>
<td class="xl68">Willisau</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">14.07.2016</td>
<td class="xl68">Naturjodelabig</td>
<td class="xl68">Klewenalp, Beckenried</td>
<td class="xl68"></td>
<td class="xl70" colspan="2" style="mso-ignore:colspan"><a href="https://www.openair-klewenalp.ch/naturjodelabig/" target="_parent">https://www.openair-klewenalp.ch
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">13.08.2016</td>
<td class="xl68">Gadä-Fäscht</td>
<td class="xl68">Rothenthurm</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"><a href="https://www.facebook.com/events/158805437829525" target="_parent">https://www.facebook.com
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">14.08.2016</td>
<td class="xl68">Meisterswiler-Fäscht</td>
<td class="xl68">Meisterswil</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70" colspan="2" style="mso-ignore:colspan"><a href="http://www.meisterswilerfest.ch/cms/" target="_parent">http://www.meisterswilerfest.ch/
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">20.08.2016</td>
<td class="xl68">Feuerwehrfest</td>
<td class="xl68">Lachen</td>
<td class="xl68">21.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">26.08.2016</td>
<td class="xl68">Tourismusverein Buochs, Badi-Beizli</td>
<td class="xl68">Buochs</td>
<td class="xl68">19.30 Uhr</td>
<td class="xl70" colspan="2" style="mso-ignore:colspan"><a href="http://www.tourismus-buochs.ch/" target="_parent">http://www.tourismus-buochs.ch/
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">27.08.2016</td>
<td class="xl68">Restaurant Grund</td>
<td class="xl68">Grindelwald</td>
<td class="xl68">19.30 Uhr</td>
<td class="xl70"><a href="http://restaurant-grund.ch/" target="_parent">http://restaurant-grund.ch/
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">02.09.2016</td>
<td class="xl68">Dorffest</td>
<td class="xl68">Cornaux NE</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">03.09.2016</td>
<td class="xl68">Handmäh-Meisterschaft</td>
<td class="xl68">3. Altmatt, Rothenthurm</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"><a href="http://www.handmaehen.ch/" target="_parent">http://www.handmaehen.ch/
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">07.09.2016</td>
<td class="xl68">Zuger Stieremärcht, Kafistube</td>
<td class="xl68">Zug</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">09.09.2016</td>
<td class="xl68">Dorfchilbi</td>
<td class="xl68">Linthal</td>
<td class="xl68">20,00Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">10.09.2016</td>
<td class="xl68">Innerschwyzer Trychletreffen</td>
<td class="xl68">Einsiedeln</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">24.09.2016</td>
<td class="xl68">Flüeler-Chilbi</td>
<td class="xl68">Flüelen</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">30.09.2016</td>
<td class="xl68">Viehausstellung<span style="mso-spacerun:yes"> </span></td>
<td class="xl68">Schindelegi</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">08.10.2016</td>
<td class="xl68">Züchterabig</td>
<td class="xl68">Dallenwil</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">15.10.2016</td>
<td class="xl68">Rivieraparty</td>
<td class="xl68">Weggis</td>
<td class="xl68">20.00Uhr</td>
<td class="xl70"><a href="http://www.lj-riviera.ch/rivieraparty/" target="_parent">http://www.lj-riviera.ch
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">29.10.2016</td>
<td class="xl68">Schällnerfäscht</td>
<td class="xl68">Buechberghalle, Wangen SZ</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">10.12.2016</td>
<td class="xl68">Ländlerwiehnacht</td>
<td class="xl68">Näfels</td>
<td class="xl68"></td>
<td class="xl70"><a href="http://www.linth-arena.ch/seiten/events/laendlerweihnacht.php" target="_parent">http://www.linth-arena.ch
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">17.12.2016</td>
<td class="xl68">Rest. Vontannenpintli</td>
<td class="xl68">Wolhusen</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"><a href="http://www.fontanne-pintli.ch/www/index.php?navid=1" target="_parent">http://www.fontanne-pintli.ch
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66"></td>
<td colspan="2" class="xl67"></td>
<td class="xl71"></td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td colspan="5" class="xl67" style="height:15.0pt;font-size:11.0pt;<br /> color:black;font-weight:700;text-decoration:underline;text-underline-style:<br /> single;text-line-through:none;font-family:Calibri;background:#FFEF9C;<br /> mso-pattern:black none" height="20">2017</td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66"></td>
<td class="xl68"></td>
<td class="xl68"></td>
<td class="xl68"></td>
<td class="xl68"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">06.01.2017</td>
<td class="xl68">Stubetä Winterbar</td>
<td class="xl68">Niederwil SG</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"><a href="http://www.winterbar.ch/" target="_parent">http://www.winterbar.ch/
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">07.01.2017</td>
<td class="xl68">50 Jahr Jubiläum Guggenmusik Menzikus</td>
<td class="xl68">Menzingen</td>
<td class="xl68">20.00Uhr</td>
<td class="xl70"><a href="http://www.menzikus.ch/" target="_parent">http://www.menzikus.ch/
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">21.01.2017</td>
<td class="xl68">Jodelchörli-Unterhaltung</td>
<td class="xl68">Bütschwil</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">11.03.2017</td>
<td class="xl68">Hallenfest</td>
<td class="xl68">Rothenthurm</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">22.04.2017</td>
<td class="xl68">Einachserrennen</td>
<td class="xl68">Wald ZH</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">27.05.2017</td>
<td class="xl68">Feuerwehrfest</td>
<td class="xl68">Steinerberg</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">24.06.2017</td>
<td class="xl68">Berner-Oberländer Schwingfest</td>
<td class="xl68">Grindelwald</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">08.07.2017</td>
<td class="xl68">Alpgadäfäscht, Alp Stafel</td>
<td class="xl68">Kerenzerberg</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"></td>
<td></td>
</tr>
<tr style="height:15.0pt" height="20">
<td class="xl65" style="height:15.0pt" height="20"></td>
<td class="xl66" align="right">14.10.2017</td>
<td class="xl68">Dorfchilbi</td>
<td class="xl68">Isenthal</td>
<td class="xl68">20.00 Uhr</td>
<td class="xl70"><a href="http://www.gasthaustourist.ch/" target="_parent">http://www.gasthaustourist.ch/
<td></td>
</tr>
<!--[if supportMisalignedColumns]-->
<tr style="display:none" height="0">
<td style="width:48pt" width="64"></td>
<td style="width:53pt" width="71"></td>
<td style="width:241pt" width="321"></td>
<td style="width:136pt" width="181"></td>
<td style="width:61pt" width="81"></td>
<td style="width:156pt" width="208"></td>
<td style="width:48pt" width="64"></td>
</tr>
<!--[endif]-->
</tbody></table>
Um alles zu umgehen, exportieren Sie die Tabelle in ein pdf-File, welches Sie in der Homepage anzeigen oder zum Download zur Verfügung stellen.
Eventuell sollte auch Überlegt werden, ob ein dynamischer Berich sinnvoll ist, damit dort direkt vom Vorstand/Aktuar aktualisiert werden kann und die responsive Darstellung einfacher erfüllt werden kann??
JJ.
Normalerweise wäre es einfach mit einer Zeile CSS, aber du hast da ein Reihe mit kopiert die unnötig ist. Deshalb bringt es in diesem Fall nichts.
<style>
table {text-align:left;}
</style>
Autor
Ich habe einfach die ganze Exel Tabelle die ich vom Vorgänger übernommen habe in HTML umgewandelt. Beim Vorgänger ist aber ein anderer Quellcode erschienen, der sieht ganz anders aus als der den ich umgewandelt habe und dieser code erscheint richtig. Ich bin Anfänger und hab gedacht ich könnte das so übernehmen. Wenn ich aber eine Änderung in der Exel Tabelle machen muss wird es nicht mehr so umgewandelt.
<table cellspacing="0" border="0">
<colgroup width="87"></colgroup>
<colgroup width="357"></colgroup>
<colgroup width="237"></colgroup>
<colgroup width="122"></colgroup>
<colgroup width="374"></colgroup>
<tr>
<td height="18" align="left" valign=bottom><font color="#000000">Datum</font></td>
<td align="left" valign=bottom><font color="#000000">Anlass</font></td>
<td align="left" valign=bottom><font color="#000000">Ort</font></td>
<td align="left" valign=bottom><font color="#000000">Uhrzeit</font></td>
<td align="left" valign=bottom><font color="#000000">Internet-Link, homepage</font></td>
</tr>
<tr>
<td height="20" align="left" valign=bottom sdval="42483" sdnum="2055;0;TT.MM.JJJJ;@"><font color="#000000">23.04.2016</font></td>
<td align="left" valign=bottom><font color="#000000">Ländlertröffe</font></td>
<td align="left" valign=bottom><font color="#000000">Hundwil</font></td>
<td align="left" valign=bottom><font color="#000000">20.00 Uhr</font></td>
<td align="left" valign=bottom><u><font color="#0000FF"><a href="http://www.tvhundwil.ch/">http://www.tvhundwil.ch/
</tr>
<tr>
<td height="20" align="left" valign=bottom sdval="42510" sdnum="2055;0;TT.MM.JJJJ;@"><font color="#000000">20.05.2016</font></td>
<td align="left" valign=bottom><font color="#000000">Alpwirtschaft Halsegg</font></td>
<td align="left" valign=bottom><font color="#000000">Sattel</font></td>
<td align="left" valign=bottom><font color="#000000">20.00 Uhr</font></td>
<td align="left" valign=bottom><u><font color="#0000FF"><a href="http://www.halsegg.ch/">http://www.halsegg.ch/
</tr>
<tr>
<td height="20" align="left" valign=bottom sdval="42511" sdnum="2055;0;TT.MM.JJJJ;@"><font color="#000000">21.05.2016</font></td>
<td align="left" valign=bottom><font color="#000000">Schwingfest</font></td>
<td align="left" valign=bottom><font color="#000000">Schattdorf</font></td>
<td align="left" valign=bottom><font color="#000000">20.00 Uhr</font></td>
<td align="left" valign=bottom><u><font color="#0000FF"><a href="http://www.urner-kantonales2016.ch/">http://www.urner-kantonales2016.ch/
</tr>
<tr>
Am einfachsten geht dieses indem du die Tabelle mit Open Office - Calk- öffnest. Dann mit speichern unter - html- wählst. Diese html Datei mit einem Browser deiner Wahl öffnen, Quelltext anzeigen lassen und diesen dann unter WX5 unter html einfügen.
Autor
Hab das ausprobiert , es funktioniert zum Teil . Die Schrift ist aber extrem kleiner als das Original, und die 2. Spalte ist ohne Abstand nach dem Datum . Gibt es noch andere Programme die evtl. diese Exel Datei öffnen können und die ich dann umwandeln kann. Sonst werde ich halt die neuen Daten im Quelltext direkt ändern und nicht via Exel Tabelle.
Falls ich nicht das gewünschte finde.