CSS Tabellen und Barrierefrei
moin zusammen,
da ich nun doch nicht, trotz css um tabellen herum komme tabellen zwecks daten zu erstellen die frage bitte zum thema barrierefreiheit: in einem anden forum habe ich gelesen table, tr, td OK th sollte nicht verwendet werden. wenn dies so weit richtig ist, gesagt getan. mein problem ist nun den table html code komplett über css zu steuern was mir in hinsicht auf schrift, größe, breite etc. nicht so gelingt. beispiel html Code:
<div id="main"><h1>Wirtschaft</h1><table> Code:
table {background: gray; width: 300px;} hierum geht es: BrasilGate - Ihr Partner für Brasilien und Südamerika - Wirtschaft besten dank sony |
Zitat:
Natürlich darfst du Tabellen und alle Tabellenelemente verwenden, solange du damit Daten tabellarisch darstellen willst. |
hallo thorben,
hast du / ihr noch einen tipp zu o.a. beispiel, wie ich die tabellen vernünftig über css steuere ? mfg sony |
hallo, ich versteh irgendwie nicht was du "steuern" möchtest!? Kannst du das bitte nochmal erläutern?
|
hallo ct2004,
es funktioniert jetzt soweit mit css allerdings habe ich so meine schwierigkeiten die tabelle richtig zu positionieren bzw. bin mir auch nicht so sicher wie ich in die tabelle = td ein p einbringe um die schrift zu steuern / links, rechts fett dünn etc. außerdem bekomme ich die gesamte tabelle nicht zentriert im main. aktuelles beispiel html: Code:
<table> Code:
table {background: gray; width: 550px; position:center;} BrasilGate - Ihr Partner für Brasilien und Südamerika - Wirtschaft vielen dank sony |
achso...
mir fallen da ein paar mittel ein: (manche kommen aber nicht durch den validator ^^) 1.) <p style="text-align:center"><table></table></p> 2.) <center><table></table></center> 3.) <table style="position: absolute; text-align:center"> musste mal ausprobieren (habs jetzt nicht getestet) <!-- Mir ist noch etwas eingefallen: Setze die Tabelle doch einfach wieder in ein div... das lässt sich viel leichter positionieren. --> |
<table> ist ein Blockelement und Blockelemente lassen sich über ihre margins positionieren. Damit du die Positionierung auch siehst, sollte die Tabelle weniger breit sein, als das Elternelement.
|
hallo zusammen,
mit dem div für table funktioniert jetzt so weit so gut. wo ich noch nicht hintergestiegen bin ist die schrift form, positionierung un größe etc. zu beeinflussen. beispiel mit p Code:
<td><p>Bruttoinlandsprodukt (Atlas)</p></td><td><p>552,7 Mrd. US-$ (2005)</p></td></tr> Code:
table {border-style:solid; border: 1px solid #000;width:580px; position:center;margin:10px 10px 10px 45px;} <-----SORRY habe falsch hochgeladen, das mit dem div table funktioniert doch nicht !! ----------------------------------------------------------------------------------- mfg sony |
Es gibt kein position: center ... wenn du die Tabelle (oder jedes andere Blockelement) zentrieren wilst, benutzt man margin: 0 auto; (sprich: links und rechts 'auto').
Das sind CSS Grundlagen ... ;) |
Code:
Vergleich mal den Code, es gibt z.B. kein position:center. edit: Zweiter ;) |
Alle Zeitangaben in WEZ +2. Es ist jetzt 18:47 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023