|
|||
Tabellenspalten entfernen
Hallo
ich habe nicht gewusst wie problematisch und aufwendig print.css werden können. Bei Datentabellen habe ich das Problem, dass ich ganze Spalten aus dem Print entfernen möchte, um Platz zu sparen. display:none blendet wohl den Inhalt aus, der Platz bleibt aber erhalten. Die Spalte besteht aus <th> und <td>. Der Trick z.B. width = 1px zu setzen kann natürlich auch nicht funktionieren Jemand eine Idee ? Danke und Gruss Rico |
Sponsored Links |
|
|||
Es handelt sich immer um Spalten mit einer Überschrift <th> (Text) und in den Zellen nur img. Die <th class="s06"> ist die 6.Spalte
Code:
#bahn .s06 {display : none;} #bahn td img {display : none;} Gruss Rico |
|
|||
Auch hier gilt das bereits im anderen Thread Gesagte:
Die innere logische (Zu-)Ordnung von th zu td's einer "Spalte" hat nichts mit CSS zu tun. Das CSS richtet sich nach der Elementefolge /-hierarchien etc. und nicht nach für andere Zwecke entworfenen Zuordnungen. Was Du überlegst, basiert auf einem Mißverständnis.Du kommst so also nicht weiter. Siehe dieses Beispiel - Quelltext ist immer hilfreich. HTML-Code:
<tr> <th align="left" valign="middle">1</th> <th align="left" valign="middle">2</th> <th align="left" valign="middle">3</th> <th class="blabla" align="left" valign="middle">4</th> <th align="left" valign="middle">5</th> </tr> <tr> <td align="left" valign="middle">1<img src="blind.gif" /></td> <td align="left" valign="middle">2<img src="blind.gif" /></td> <td align="left" valign="middle">3<img src="blind.gif" /></td> <td align="left" valign="middle">4<img src="blind.gif" /></td> <td align="left" valign="middle">5<img src="blind.gif" /></td> </tr> <tr> <td align="left" valign="middle">1</td> <td align="left" valign="middle">2</td> <td align="left" valign="middle">3</td> <td align="left" valign="middle">4</td> <td align="left" valign="middle">5</td> </tr> Edit: Zugegeben, das ist ein bisschen gemein, weil sich zumindest der Hintergrund einer col einfärben läßt und andere Eigenschaften bestimmen lassen. Aber weiter geht die Zuordnung nicht... weil im Quelltext keine Elementehierarchie col>td>img zu finden ist.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte Geändert von andir (29.06.2011 um 17:29 Uhr) |
|
|||
@andir
ich danke dir für die Aufklärung. Man lernt immer wieder etwas dazu. Sehe ich das richtig, dass ich also keine Möglichkeit habe, eine vollständige Spalte zu löschen, ausser ich setze JS ein ? Es grüsst dich Rico |
|
|||
Wenn du visibility:collapse; auf eine Tabellenspalte (col) anwendest, erreichst du dein Ziel. HTML sollte euch doch bekannt sein, liebe Leute.
Allerdings gibt es in Abhängigkeit von der restlichen Darstellung der Tabelle ggfs. Probleme in manchen Browsern (Firefox verträgt sich da z.B. nicht mit border-collapse). @andir: Was sollen die ganzen unsinnigen Attribute in der Tabelle?
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. Geändert von gato (29.06.2011 um 18:27 Uhr) |
|
|||
@mantiz
dass dein Vorschlag funktionieren würde, ist mir schon klar. 1. Gibt es nicht nur eine Tabelle der Art und 2. sind sie dynamisch. Für ein Printlayout ein nicht zu rechtfertigender Aufwand. @gato wenn der Inhalt im folgenden Link stimmt, dann ist visibilty:collapse; ebenfalls nicht zu gebrauchen. Selbst getestet habe ich es noch nicht. Im IE gehts gar nicht, bei den übrigen Browsern in unbrauchbarer Form. CSS visibility (siehe ganz unten auf der Seite) Gruss Rico |
|
|||
Nun habe ich in die Trickkiste gegriffen. Für ein Printlayout kann der Aufwand nicht ins Unermesslich führen.
Anstatt : Code:
#bahn .s06 {display : none;} #bahn td img {display : none;} Code:
#bahn .s06 {font-size : 0px;} #bahn td img {display : none; Wenn nicht jemand eine blitzsaubere Lösung kennt, bleibe ich bei meiner Version Ich danke euch allen für neue Erkenntnisse und eure Hilfe Es grüsst euch Rico |
Sponsored Links |
|
||||
Zitat:
Dann war mir der Wert "collapse" für "visibility" bis dato unbekannt, man kann ja nicht alles im Kopf haben. Zitat:
Gerade wenn die Tabellen dynamisch erstellt werden sollte dies aber kein Problem darstellen. Weiter oben hast Du etwas von einer Klasse "s06" geschrieben, woher soll ich wissen, dass Du diese Klasse nur der "th" gibst? Weiterhin kann man die Zellen allerdings auch z.B. per Nachbarschaftsselektor ansprechen und entsprechend "display:none" setzen (je nachdem welche Browser bzw. -versionen unterstützt werden sollen). PS: Naja, hast ja jetzt anscheinend eine Lösung für Dich gefunden. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
modrewrite php query entfernen? | sepp88 | Serveradministration und serverseitige Scripte | 10 | 28.07.2010 11:51 |
Rahmen um Navigation entfernen | hirschMeister | CSS | 7 | 02.01.2010 21:53 |
Entfernen der Inhalte einer Auswahlliste | vector | Javascript & Ajax | 4 | 19.07.2007 15:31 |
Copyright Hinweis entfernen trotz OpenSource? | Weyoun | Offtopic | 13 | 18.07.2006 01:47 |
Button-Effekt entfernen | swiftrock | CSS | 2 | 06.10.2005 13:13 |