(CSS) tabellen? border?

[PanelGFX]

ich hab fragen bezüglich tabellen:
• können tabellen auch in css gemacht werden?
• wenn ja, wie?
• ich hab mal was gecodet was einer tabelle ähnlich scheint, nur kann ich in dieses border-ding jetzt auch bilder, swf etc einfügen?
und wie kann ich das ganze als "center" ausrichten?

<p style="border-width:5; border-color:#ffffff; border-style:solid; padding:5px; width:1000px; height:200px;">

…die absicht ist eigentlich tabellen in html zu umgehen und alles in css zu machen. ist dies überhaupt möglich oder liege ich komplett falsch?

 

[dms]

Richtige Tabellen die sich wie gewohnt den Inhalten anpassen etc. lassen sich nicht mit CSS nachbilden. Ist schon recht schwierig eine gleiche Zellenhöhe aller Zellen in einer Zeile zu erlangen.
Es gibt theoretisch die Möglichkeit Elementen das Verhalten von Tabellen beizubringen. Praktisch aber nicht zu gebrauchen da der WinIE die entsprechenden Eigenschaften nicht interpretiert. Falls es Dich trotzdem interessiert, schau Dir mal die display-Eigenschaft an.

In Dein P kannst Du natürlich ein Bild oder ein Flashfilm setzen. Ich würde Dir aber zu einem DIV raten. Ein P mit einem Bild drin macht nicht viel Sinn.

Um das Element zu zentrieren füge folgenden Eigenschaften hinzu:

margin-left:auto;
margin-right:auto;

Ist gut möglich dass der WinIE dort wieder rumzickt. Dann dem übergeordneten Element ein "text-align:center;" mitgeben.

Deine Rahmeneigenschaften lassen sich übrigens platzsparender unterbringen:

border:5px solid #ffffff;

"px" hattest Du übrigens vergessen. Maßeinheiten gehören immer dazu.

 

[PanelGFX]

danke, genau das was ich gesucht habe!


///edit: ne mit margin-left:auto; margin-right:auto; gehts leider nicht…

 

[hossa]

Darf man fragen für was du die Tabellen verwenden willst und warum du sie unbedingt umgehen willst?

 

[PanelGFX]

nimmt mich nur wunder ob es auch ohne geht…

 

[Mauki]

Es gibt einige Dinge die gehören einfach in eine Tabelle. Wenn du aber die tabellen zum Layouten nimmst, vergiss es das geht mit CSS-Container viel besser.

 

[foo]

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }

<div class="table">
  <div class="table-row">
 	<div class="table-cell">a1</div>
 	<div class="table-cell">a2</div>
  </div>>
  <div class="table-row">
 	<div class="table-cell">b1</div>
 	<div class="table-cell">b2</div>
  </div>
</div>

Ob das aber Sinn macht, sei dahingestellt.

 

[pichfl]

macht es nicht.
wenn man ne tabelle für zahlen braucht, sollte man auch den table-tag verwenden.

sonst sollte man auf tables verzichten.

nur so nebenbei, man braucht nicht für alles divs.