Tekst in een div met TAB structureren

[mczwen]

Hoi,
We zijn bezig met een nieuwe website en we hebben ons als doel gesteld om geen tabellen meer te gebruiken.
Nu loop ik tegen en probleem aan :
Ik heb een overzicht van functies wat ik graag op onderstaande manier wil tonen :

Naam Functie Telefoonnummer Mailadres
persoon1 functie1 06-1233456 mail@adres.fr
persoon2 functie 2 035-276712 post@office.nl


Op dit moment zie ik geen mogelijkheid om dit voor elkaar te krijgen, behalve met tabellen.

Heeft iemand de gouden tip ?

 

[Aar]

Wat veel mensen vergeten is dat tabellen niet volledig vergeten hoeven te worden. Tabellen zijn bedoeld voor tabulaire doeleinden, zoals overzichten met kolommen. In jouw geval hoef je de tabellen niet af te stoten, en kan je er gerust gebruik van maken.

Als je nou een website wilt indelen, dan voldoen div'jes in HTML en float- en clear-properties in CSS.
In CSS 3 zijn de properties voor tables zelf al flink vergroot, dus van het verdwijnen van de tables is zeker geen sprake.

 

[mczwen]

Dank voor je reactie.
Wil ik alleen nog even vragen hoe zo'n tabel zich dan gedraagt in een mobile weergave.
Heb je daar ook ervaring mee ?

 

[Aar]

Als je percentages gebruikt voor de breedtes, kan er niks misgaan.

 

[mczwen]

Ik ga het vanmiddag proberen.
Dank je wel.