Suche im Forum:
Suchen


Autor Nachricht
Beitrag12.11.2014 um 17:08 (UTC)    
Titel: Tabelle einrichten
Antworten mit Zitat
Hallo zusammen,

habe mal wieder ein Problem ...

Auf meiner HP www.diamonds-edition.de.tl ist unter Joy < Prüfungen eine Tabelle. Diese sieht im Bearbeitungsfenster viel kleiner und schmaler aus, wie sie dann online erscheint. Mir gefällt aber das, was im Bearbeitungsfenster erscheint. Die online-Version ist viel zu groß und so auseinander gezogen. Ich habe jetzt schon alles durchprobiert und komme einfach nicht weiter. Kann mir jemand helfen?

LG Marion
↑
Beitrag12.11.2014 um 21:23 (UTC)    
Titel: Tabelle einfügen
Antworten mit Zitat
Hallo,

dazu einfach in Deinem Seiteninhalt die Tabelle mit der Maus anklicken.
Sie bekommt dann an rundherum an den Seiten Punkte.
Nun kannst Du mit der Maus auf einen dieser Punkte und durch verschieben die Tabelle kleiner oder größer ziehen.

oder Möglichkeit 2:
- mit der Maus in die Tabelle klicken
- mit Rechtsklick dann auf "Tabellen-Eigenschaften"
- es öffnet sich ein Fenster
- und hier die Pixelbreite ändern



Gruß Wolle
↑
Beitrag13.11.2014 um 06:35 (UTC)    
Titel:
Antworten mit Zitat
Erstmal vielen Dank für Deine Antwort.
Aber das ist nicht das Problem, ich habe mich auch blöd ausgedrückt.
Es geht um die einzelne Zeile, die ist viel zu breit und sieht im Bearbeitungsfenster ála Excel-Tabelle aus. Und genau so möchte ich sie auch haben. Wink

Gibts dafür auch eine Lösung?

LG Marion
↑
Beitrag13.11.2014 um 08:13 (UTC)    
Titel:
Antworten mit Zitat
Hallo Marion,

ich denke, dass es mit dem sogenannten <p> Tag zusammen hängt. Die Tabelle, welche du dir über den Editor erstellt hast, wird im Hintergrund in Code umgewandelt. Diesen kannst du betrachten, wenn du oben links auf "Quellcode" klickst.

Für jede Zelle in deiner Tabelle steht folgender Code:

Zitat:
<td width="360" valign="top" style="width:270.0pt;border:solid windowtext 1.0pt;
border-left:none;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">HSV D&uuml;sseldorf-Golzheim</span></p>
</td>


Den rot markierten Bereich musst du entfernen und den blauen durch "span" ersetzen, sodass es anschließend ungefähr so ausschaut:

Zitat:
<td width="360" valign="top" style="width:270.0pt;border:solid windowtext 1.0pt;
border-left:none;">
<span class="MsoNormal"><span style="font-family: Comic Sans MS;">HSV D&uuml;sseldorf-Golzheim</span></span>
</td>


Beste Grüße
Mats
↑
Beitrag13.11.2014 um 08:20 (UTC)    
Titel:
Antworten mit Zitat
Hallo,
Edit: Mats war schneller Very Happy (lasse meine antwort aber mal stehen)

leider hast Du nicht dazugeschrieben, um welche der 4 Tabellenspalten es Dir geht.
Wenn Du die Tabelle wie oben beschrieben verkleinerst, wird die zu
Breite Tabellenspalte natürlich auch verkleinert. Das hast Du ausprobiert ?

Ansonsten bleibt ja nur, Deine Tabelle im Quellcode zu Bearbeiten, sie enthält
in der Quelltext-Ansicht aber bereits soviele Eigenschaften, das ein nachträgliches
anpassen sehr aufwendig wird.

Wenn für Dich obige Beschreibung nicht zum Erfolg führt, bleibt ja nur das Bearbeiten im
Quellcode , bzw. besser das Neu-Einfügen. Hier der Quellcode für 8 Tabellenzeilen.

- auf "Seiten" gehen
- wähle die Seite aus, wo die Tabelle eingefügt wurde
- im Editor oben links auf "Quellcode"
- nun ist die Seite im "HTML-Modus"

Zitat:

<table border="1" cellspacing="0">
<tbody>
<tr>
<td valign="top" class="spalte_1 weiss"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 weiss"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 weiss"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 weiss"> Inhalt Spalte 4 </td>
</tr>

<tr>
<td valign="top" class="spalte_1 farbig"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 farbig"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 farbig"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 farbig"> Inhalt Spalte 4 </td>
</tr>

<tr>
<td valign="top" class="spalte_1 weiss"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 weiss"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 weiss"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 weiss"> Inhalt Spalte 4 </td>
</tr>

<tr>
<td valign="top" class="spalte_1 farbig"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 farbig"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 farbig"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 farbig"> Inhalt Spalte 4 </td>
</tr>

<tr>
<td valign="top" class="spalte_1 weiss"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 weiss"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 weiss"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 weiss"> Inhalt Spalte 4 </td>
</tr>

<tr>
<td valign="top" class="spalte_1 farbig"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 farbig"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 farbig"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 farbig"> Inhalt Spalte 4 </td>
</tr>

<tr>
<td valign="top" class="spalte_1 weiss"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 weiss"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 weiss"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 weiss"> Inhalt Spalte 4 </td>
</tr>

<tr>
<td valign="top" class="spalte_1 farbig"> Inhalt Spalte 1 </td>
<td valign="top" class="spalte_2 farbig"> Inhalt Spalte 2 </td>
<td valign="top" class="spalte_3 farbig"> Inhalt Spalte 3 </td>
<td valign="top" class="spalte_4 farbig"> Inhalt Spalte 4 </td>
</tr>

</tbody>
</table>

Den Tabellen-Code kannst du beliebig erweitern. Kopiere einfach von <tr> bis </tr> und füge immer vor </tbody> ein Smile

Schritt 2: Der CSS-Code
Jede Tabellenspalte kann nun von Dir gewünschte Breite bekommen .
Füge ein im Feld "Text ÜBER Design" :
Zitat:

<style type="text/css">
<!--
td.weiss { background-color: #FFFFFF; }
td.farbig { background-color: #FFCC99; }

td.spalte_1 { width: 91px; padding:10px; }
td.spalte_2 { width: 360px; padding:10px; }
td.spalte_3 { width: 72px; padding:10px; }
td.spalte_4 { width: 91px; padding:10px; }

-->
</style>


Gruß Wolle


Zuletzt bearbeitet von clean-test am 13.11.2014, 09:21, insgesamt einmal bearbeitet
↑
Beitrag13.11.2014 um 08:35 (UTC)    
Titel:
Antworten mit Zitat
Vielen Dank für Eure Hilfe!!
Aber DAS ist mir zu kompliziert. Das muss doch einfacher gehen.

Das erscheint bei mir im Quellcode:
<span style="font-family: Comic Sans MS;"><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning />
<w:ValidateAgainstSchemas />
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:BreakWrappedTables />
<w:SnapToGridInCell />
<w:WrapTextWithPunct />
<w:UseAsianBreakRules />
<w:DontGrowAutofit />
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--> </span>
<table width="757" height="146" cellspacing="0" cellpadding="0" border="0" class="MsoNormalTable" style="border-collapse: collapse;">
<tbody>
<tr style="mso-yfti-irow:0;mso-yfti-firstrow:yes">
<td width="91" valign="top" style="width:68.4pt;border:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">25.05.2014</span></p>
</td>
<td width="360" valign="top" style="width:270.0pt;border:solid windowtext 1.0pt;
border-left:none;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">HSV D&uuml;sseldorf-Golzheim</span></p>
</td>
<td width="72" valign="top" style="width:54.0pt;border:solid windowtext 1.0pt;
border-left:none;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">BH</span></p>
</td>
<td width="91" valign="top" style="width:68.2pt;border:solid windowtext 1.0pt;
border-left:none;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">Bestanden</span></p>
</td>
</tr>
<tr style="mso-yfti-irow:1">
<td width="91" valign="top" style="width:68.4pt;border:solid windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="360" valign="top" style="width:270.0pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="72" valign="top" style="width:54.0pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="91" valign="top" style="width:68.2pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
</tr>
<tr style="mso-yfti-irow:2">
<td width="91" valign="top" style="width:68.4pt;border:solid windowtext 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">24.08.2014</span></p>
</td>
<td width="360" valign="top" style="width:270.0pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">MV Duisburg-Rehwiese</span></p>
</td>
<td width="72" valign="top" style="width:54.0pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">Beginner<br />
</span></p>
</td>
<td width="91" valign="top" style="width:68.2pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">V</span></p>
</td>
</tr>
<tr style="mso-yfti-irow:3">
<td width="91" valign="top" style="width:68.4pt;border:solid windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="360" valign="top" style="width:270.0pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="72" valign="top" style="width:54.0pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="91" valign="top" style="width:68.2pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
</tr>
<tr style="mso-yfti-irow:4">
<td width="91" valign="top" style="width:68.4pt;border:solid windowtext 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">21.09.2014</span></p>
</td>
<td width="360" valign="top" style="width:270.0pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">HSV D&uuml;sseldorf-Golzheim</span></p>
</td>
<td width="72" valign="top" style="width:54.0pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">Klasse 1<br />
</span></p>
</td>
<td width="91" valign="top" style="width:68.2pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">V</span></p>
</td>
</tr>
<tr style="mso-yfti-irow:5">
<td width="91" valign="top" style="width:68.4pt;border:solid windowtext 1.0pt;
border-top:none;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">25.10.2014</span></p>
</td>
<td width="360" valign="top" style="width:270.0pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">HSV Rumeln</span></p>
</td>
<td width="72" valign="top" style="width:54.0pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">Klasse 1<br />
</span></p>
</td>
<td width="91" valign="top" style="width:68.2pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">V</span></p>
</td>
</tr>
<tr style="mso-yfti-irow:6">
<td width="91" valign="top" style="width:68.4pt;border:solid windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;
padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="360" valign="top" style="width:270.0pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="72" valign="top" style="width:54.0pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
<td width="91" valign="top" style="width:68.2pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext 1.0pt;background:#FFCC99;padding:0cm 5.4pt 0cm 5.4pt">
<p class="MsoNormal"><span style="font-family: Comic Sans MS;">&nbsp;</span></p>
</td>
</tr>
</tbody>
</table>
<span style="font-family: Comic Sans MS;"> <!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Normale Tabelle";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]--></span><br />

Es tut mir leid, aber da blicke ich überhaupt nicht durch! Sad

Als ich die Tabelle vor ca. einem Monat erstellt habe, erschien sie auch online in der schmalen Form. Erst als ich sie erweitert habe, erschein sie mit den breiten Zeilen. Ich habe auch schon versucht, eine komplett neue Tabelle zu erstellen, aber das funktioniert auch nicht. Sad

LG Marion
↑
Beitrag13.11.2014 um 08:53 (UTC)    
Titel:
Antworten mit Zitat
sorry, aber noch einfacher? hier schau mal, dauer etwa 5 minuten:

http://6pdesign003.de.tl/Tabellentest.htm

versuch es doch zumindest mal an einer neuen seite. die tabelle erscheint schon fertig, musst nur innerhalb der tabelle den inhalt ändern. das brauchst du dann nicht im quellcode ändern, sondern ganz normal.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 13.11.2014, 09:54, insgesamt einmal bearbeitet
↑
Beitrag13.11.2014 um 11:34 (UTC)    
Titel:
Antworten mit Zitat
Es bringt natürlich nichts, wenn man versucht etwas im Editor zu bearbeiten, wenn das Format der Tabelle direkt aus dem Worddokument per Copy & Paste in den Editor geklatscht wurde.
Code:
<w:WordDocument>

Word / Excel und / oder Ähnliches sind kein HTML Editor, d.h. wenn ich aus einem Text- / Tabellenverarbeitungsprogramm etwas in ein Webseitenbearbeitungsprgramm kopiere, dann muss das nicht unbedingt kompatibel sein.

Eben darum gibt es eben im Editor auch eine Tabellenfunktion, da kann man ganz einfach die Sachen eintragen und das entsprechend bearbeiten. Gerade wenn es sich doch nur um 4 Zeilen und 4 Spalten handelt, geht das sicherlich schneller, als wenn hier jetzt lustige Erklärversuche gestartet werden, die dann mit "aber DAS ist mir zu kompliziert. Das muss doch einfacher gehen." quittiert werden.

Einfacher als eine Tabelle über den Editor zu erstellen, entsprechend 4 Zeilen und 4 Spalten eingeben / anlegen und anschliessend den Text in die Tabellenfelder im Editor einzutragen, geht nicht.
Mr. Green
______________
mfg SEO


Zuletzt bearbeitet von seo-suchmaschinenoptimierung am 13.11.2014, 12:36, insgesamt 2-mal bearbeitet
↑
Beitrag14.11.2014 um 06:57 (UTC)    
Titel:
Antworten mit Zitat
Ääähm, entschuldigt bitte, wenn ich Euch auf die Füße getreten bin Confused

Aber wie bereits erwähnt, habe ich die Tabelle bereits auch mit dem eigenen Editor erstellt und das hat auch nichts gebracht. Im Bearbeitungsfenster sieht die Tabelle nach wie vor schmaler (pro Zeile) aus, als sie nachher online erscheint. Witzigerweise - und das habe ich auch oben bereits schon erwähnt - erschien die Tabelle am "Erstellungstag" auch genauso wie ich sie haben möchte und wie sie im Bearbeitungsfenster erscheint. Sie veränderte sich erst, als ich sie erweitert habe und das nur in der Online-Version! Oder anders ausgedrückt: Sie erscheint online anders, als im Bearbeitungsfenster. Wink

Auch der Hinweis "4 Zeilen, 4 Spalten geht ja schnell" kann ich nicht verstehen. Die Tabelle soll ja letztendlich weiter fortgeführt werden. Hinzu kommt, dass auf einer weiteren Seite ebenfalls eine Tabelle vorhanden ist, die bedeutend mehr Zeilen beinhaltet.

Aber ... nichts für ungut, ich danke Euch für Eure Hilfe und wünsche Euch ein schönes Wochenende.

LG Marion
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.