YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » "table" durch "div" ersetzen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 6.129 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen "table" durch "div" ersetzen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
|Nemo| |Nemo| ist männlich
Mitglied


images/avatars/avatar-3150.jpg

Dabei seit: 04.12.05
Beiträge: 530
Herkunft: Düren
Forenversion: WBB Lite 1.02

 "table" durch "div" ersetzen Antworten Zitieren Editieren Melden       UP

Ich habe in HTML eine Tabelle mit zwei Spalten erstellt. Dabei steht "Test1" neben "Test1". Dann wird die Tabelle darunter noch einmal wiederholt. Darin steht dann "Test2" neben "Test2":
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
<table style="margin-top: 0px"><tr>
<td style="width: 100px; background-color: #ffffff">Test1</td>
<td style="width: 400px; background-color: #ffffff">Test1</td>
</tr></table>
<table style="margin-top: 0px"><tr>
<td style="width: 100px; background-color: #ffffff">Test2</td>
<td style="width: 400px; background-color: #ffffff">Test2</td>
</tr></table>

Wie kann ich mit div-Tags genau so etwas erreichen? Es soll mit den div-Tags auch so aussehen wie mit den Tabellen:
Test1 Test1
Test2 Test2

__________________
FUSSBALL - ARTIKELVERZEICHNIS

Social Bookmarking - Düren - Fußball-Forum
21.06.07 10:51 |Nemo| ist offline E-Mail WWW Finden Als Freund hinzufügen
24Bytes 24Bytes ist männlich
Der Coolste


Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

Tabellen sollten weiterhin Tabellen bleiben Augenzwinkern

ich glaube du hast das mit den div's nicht so ganz verstanden Augenzwinkern

Man sollte Tabellen einfach nur nicht für das Design, das aussehen verwenden ... für tabellarische dinge sollte man tabellen weiterhin verwenden und nicht durch divs ersetzen Augenzwinkern

__________________
Online Passwort Generator
21.06.07 11:16 24Bytes ist offline E-Mail Finden Als Freund hinzufügen
|Nemo| |Nemo| ist männlich
Mitglied


images/avatars/avatar-3150.jpg

Dabei seit: 04.12.05
Beiträge: 530
Herkunft: Düren
Forenversion: WBB Lite 1.02

Themenstarter Thema begonnen von |Nemo|
Antworten Zitieren Editieren Melden       UP

Aber es muss ja keine Tabelle sein. Das wichtige ist nur, dass immer zwei Wörter nebeneinander stehen können. Augenzwinkern
Das müsste doch auch mit DIVs möglich sein, oder? Also es soll so aussehen, ohne irgendwelche Tabellenränder, einfach nur die Wörter:

Test1 Test1
Test2 Test2

__________________
FUSSBALL - ARTIKELVERZEICHNIS

Social Bookmarking - Düren - Fußball-Forum
21.06.07 11:35 |Nemo| ist offline E-Mail WWW Finden Als Freund hinzufügen
24Bytes 24Bytes ist männlich
Der Coolste


Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

code:
1:
<p>test1 test1</p><p>test2 test2</p>


__________________
Online Passwort Generator
21.06.07 11:37 24Bytes ist offline E-Mail Finden Als Freund hinzufügen
|Nemo| |Nemo| ist männlich
Mitglied


images/avatars/avatar-3150.jpg

Dabei seit: 04.12.05
Beiträge: 530
Herkunft: Düren
Forenversion: WBB Lite 1.02

Themenstarter Thema begonnen von |Nemo|
Antworten Zitieren Editieren Melden       UP

Ich meinte, dass man da zwei Spalten hat, in denen beliebig viele Zeilen Text stehen können. Es soll so aussehen, wie hier im zweiten Abschnitt, also hinter dem ersten <hr>:
http://www.oswd.org/design/preview/id/3626

__________________
FUSSBALL - ARTIKELVERZEICHNIS

Social Bookmarking - Düren - Fußball-Forum
21.06.07 14:47 |Nemo| ist offline E-Mail WWW Finden Als Freund hinzufügen
xundy xundy ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 817
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Auch in Tabllen kann man Tabllenränder ausblenden, und für das was du willst sind Tabllen am besten geeignet, denn bei divs wird das schnell aufwendig wenn dei Container unterschiedlich großen inhalt haben, und man nicht jedem div eine feste Größe geben will.

Man sollte erstmal gehen lernen bevor man zu rennen anfängtAugenzwinkern



Mfg

__________________
Fragen kostet nichts, nicht fragen kann teuer werden!
21.06.07 16:45 xundy ist offline E-Mail WWW Finden Als Freund hinzufügen Füge xundy in deine Kontaktliste ein
187jackie 187jackie ist männlich
Mitglied


Dabei seit: 11.03.07
Beiträge: 31
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Was ist denn der genaue Unterschied zwischen einer Tabelle und <div> ??

Und wieso sollte man tabellen nicht zum designen verwenden?

Wo liegen die einzelnen Vorteile der Tags?

Muss jetzt mal dumm fragen, hab keine Ahnung! verwirrt
21.06.07 16:55 187jackie ist offline E-Mail Finden Als Freund hinzufügen
W00tkaeppi W00tkaeppi ist männlich
Mitglied


Dabei seit: 03.12.04
Beiträge: 485

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von SiGa
Tabellen sollten weiterhin Tabellen bleiben Augenzwinkern

ich glaube du hast das mit den div's nicht so ganz verstanden Augenzwinkern

Man sollte Tabellen einfach nur nicht für das Design, das aussehen verwenden ... für tabellarische dinge sollte man tabellen weiterhin verwenden und nicht durch divs ersetzen Augenzwinkern


Es hat endlich mal jemand begriffen

@Topicstarter: Das was Du vorhast, ist eine Tabelle zu layouten. Sei der Inhalt noch so spärlich und sei die Tabelle noch so klein. Eine Tabelle bleibt eine Tabelle, die tabellarische Inhalte korrekt und geradlinig anzeigt.

__________________

21.06.07 17:04 W00tkaeppi ist offline E-Mail WWW Finden Als Freund hinzufügen Füge W00tkaeppi in deine Kontaktliste ein
24Bytes 24Bytes ist männlich
Der Coolste


Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

@nemo : sry aber ich versteh nicht was du meinst unglücklich

@187jackie : man sollte Tabellen nur für Tabellarische inhalte verwenden ...

z.b. wenn du eigenschaften von zwei produkten neben einander auflisten willst damit man es vergleichen kann

aber man sollte für das design keine tabellen verwenden .. wie es z.B. im wBB Lite und wBB 2 gemacht wurde .. warum das "falsch" ist ?

weil z.b. suchmaschinen, bots etc. sowie blinde das dann u.a., u.U. falsch sehen/verstehen/interpritieren ...

tabellen sind nicht böse Augenzwinkern man MUSS sie weiterhin verwenden ... nur halt nicht für alles, sondern dafür, wofür sie gedacht sind Augenzwinkern

__________________
Online Passwort Generator
21.06.07 19:08 24Bytes ist offline E-Mail Finden Als Freund hinzufügen
|Nemo| |Nemo| ist männlich
Mitglied


images/avatars/avatar-3150.jpg

Dabei seit: 04.12.05
Beiträge: 530
Herkunft: Düren
Forenversion: WBB Lite 1.02

Themenstarter Thema begonnen von |Nemo|
Antworten Zitieren Editieren Melden       UP

Danke!
Mit euren ganzen Antworten zusammen ist meine Frage jetzt gelöst. Dann lasse ich es so mit den Tabellen.

__________________
FUSSBALL - ARTIKELVERZEICHNIS

Social Bookmarking - Düren - Fußball-Forum
21.06.07 19:52 |Nemo| ist offline E-Mail WWW Finden Als Freund hinzufügen
187jackie 187jackie ist männlich
Mitglied


Dabei seit: 11.03.07
Beiträge: 31
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

@ SiGa

Erstmal Danke für deine Erklärung...
Stellt sich mir nur die Frage wieso Woltlab das so gemacht hat!

Wie sieht es denn beim vBulletin und dem wbb3 aus! Wenn die Suchmaschinen und andere das flasch sehen/interpretieren muss doch da mal angesetzt werden um eine Verbesserung zu erzielen!
26.06.07 16:26 187jackie ist offline E-Mail Finden Als Freund hinzufügen
xundy xundy ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 817
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Das wBB3 ist zwar mit divs umgesetzt doch hat man durch das anhängen der Eigenschaften style="display:.. und dann die Attribute table, table-row und table-cell , aus den Containern eigentlich tables erzeugt womit die divs sich auch positionieren lassen wie Tabellenelemente,
also sozusagen von hinten durch die Brust Augenzwinkern

Es ist nicht alles Gold was glänzt großes Grinsen


Mfg

__________________
Fragen kostet nichts, nicht fragen kann teuer werden!
26.06.07 16:41 xundy ist offline E-Mail WWW Finden Als Freund hinzufügen Füge xundy in deine Kontaktliste ein
24Bytes 24Bytes ist männlich
Der Coolste


Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

Das wBB 3 ist aufjedenfall besser als das wBB Lite oder das wBB 2 gelöst worden ... jedoch haben die meiner meinung da mit den div's wiederrum zu übertrieben ... einiges sollte man weiterhin in Tabellen machen wie z.B. die Foren Übersicht (gut man kann sich da nu streiten ... is aber meine meinung)

mit dem vB habe mich nie richtig beschäftigt ... schaut aber beim überfliegen des index quellcodes vernünftig zu sein. (zumind. besser als wBB 2/Lite)

__________________
Online Passwort Generator
27.06.07 12:09 24Bytes ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » "table" durch "div" ersetzen