|
|||
Spaltenbreite über mehrere Tabellen erkennen
Hallo zusammen,
ich habe folgendes html Markup und weiß nicht genau ob das möglich ist was ich gerne umsetzen möchte. Ich würde gerne mit reinem CSS die Spaltenbreiten der Tabellen in den labels gleich breit haben, ohne denen einen festen Wert über eine Klasse zu geben. Also z.b. soll die erste Spalte der ersten Tabelle genauso breit sein wie die der zweiten Tabelle. Die Breite soll sich so über alle folgenden Tabellen an die maximale Textbreite in der ersten Spalte einstellen. Ist das mit CSS möglich? Würde ungern mit Javascript arbeiten... Ich hoffe ihr versteht wie ich das meine. HTML-Code:
<div> <input id='ac-1' name='accordion-1' type='checkbox' /> <label for='ac-1'> <table><tr> <td>N64</td> <td>1080 Snowboarding</td> <td>Sport</td> <td>70</td> </tr></table> </label> <article class='ac-small'>CONTENT</article> </div> <div> <input id='ac-2' name='accordion-2' type='checkbox' /> <label for='ac-2'> <table><tr> <td>NDS</td> <td>42 Spieleklassiker</td> <td>Puzzle</td> <td>58</td> </tr></table> </label> <article class='ac-small'>CONTENT</article> </div> |
Sponsored Links |
|
|||
Mit CSS geht da nichts. Warum denn keine feste Breiten?
Was du da hast ist für Tabellen ungeeignet, überdenke noch mal dein Konzept. Eine Tabelle enthält tabellarische Daten. Eine Tabelle mit nur einer Zeile ohne Überschriften in den Feldern ist somit keine.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. Geändert von explanator (08.01.2014 um 19:02 Uhr) |
Sponsored Links |
|
|||
Vorschläge für ein anderes Markup nehme ich gerne an
Hatte an Tabellen gedacht, weil ich damit schon recht viel gemacht hab und man die recht einfach anpassen kann... nur eben mit dem aktuellen Problem komme ich nicht weiter. Wüsste auch gerade nicht wie ich dort sonst die Werte anzeigen lassen soll um einheitliche Abstände zu bekommen... |
|
|||
Bei einer Liste habe ich aber letztlich das gleiche Problem, dass ich nicht weiß wie ich die einzelnen Elemente gleich breit halte um das am Ende übersichtlich dargestellt zu haben...
|
|
|||
Das schrieb ich aber schon, dass da nichts geht.
Und da du Javascript ausgeschlossen hast ist es eben nicht möglich, daher war meine Frage zuvor schon, warum denn keine feste Breite möglich sei?
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Ne feste Breite finde ich einfach unschön, weil die Seite auch z.b. auf mobilen Browsern gut aussehen soll...
Dann werde ich mir das wohl mit js basteln... Trotzdem danke für die Hilfe! |
|
|||
Ich geh mal davon aus dass damit das Akkordeon zusammengebastelt wurde, wenn es denn eines ist.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Zitat:
Morgen werde ich mal versuchen das Problem mit einer Liste und floats zu lösen. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
td Tags unterschiedlich für mehrere Tabellen | Michi_R | CSS | 9 | 21.05.2013 19:24 |
Tabellen spaltenbreite | p4w3L | CSS | 2 | 01.11.2011 20:18 |
Datenbakn in andere kopieren, wenn Anzahl der Tabellen unbekannt | paracelsus | Serveradministration und serverseitige Scripte | 26 | 15.09.2008 18:15 |
Warum keine Tabellen? | sinot | CSS | 8 | 06.05.2006 17:47 |
Tabellen in <div>-Tags | dexter2000 | CSS | 9 | 19.05.2005 10:53 |