Liste mit CSS erstellen

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen,

ich würde mir sehr gerne eine Liste mit Hilfe der aktuellsten Web-Technologie (afaik CSS) bauen die so vielen Browsern wie möglich identisch angezeigt wird.
Da ich eigentlich nur Anwenderin bin und mit Programmieren sehr wenig am Hut habe wäre es wirklich toll wenn mir jemand ein derartiges Programmgerüst zeigen könnte :slight_smile:

Es geht um eine Liste mit einer Kopfzeile z.B.

Name Wohnort Fahrzeug

und einer beliebigen Anzahl von Einträgen die ich dann selbst einfügen kann:

Franz Wien Audi
Peter Berlin BMW

Vielleicht kann mir ja jemand helfen, das wäre wirklich spitze !!!

Danke euch
Marie

2

Ich denke die beste Variante, eine einigermaßen einheitlich Liste zu erstellen, wäre die möglichkeit, mit divs zu arbeiten.

Css wird in den meisten Browsern gleich interpretiert und müsste somit eine gute Grundlage bieten.

Ein beispielcode könnte so aussehen
CSS

.kopfzeile
{
font-weight: bold;
float:left;
width:200px;
}

._kopfzeile
{
font-weight: bold;
width:200px;
margin-bottom:18px;
}

.liste
{
float:left;
width:200px;
}

._liste
{
width:200px;
}

HTML
[HTML]

Name
Wohnort
Fahrzeug
Mustermann
Musterhausen
Mustermobil
Mustermann
Musterhausen
Mustermobil
Mustermann
Musterhausen
Mustermobil
[/HTML]
3

Suuuper, ganz herzlichen Dank !
Ich denke das hilft mir wirklich weiter.

Wenn ich jetzt 2 Tabellen mit diesen div’s formatiere sehen die immer gleich aus ?

4

ja (mindestlänge)

5

So ein Unsinn!
Wenn du eine Tabelle möchtest, musst du natürlich auch eine Tabelle verwenden. Nur Tabellen zu Designzwecken sind tabu!
Kannst also ganz normal mit

, und
arbeiten.

6

Ich hab das gleiche Problem und komme auch zu keinem Ergebnis, egal womir ich arbeite

7

[html]

Name Wohnort Fahrzeug
Franz Wien Audi
Peter Berlin BWM
[/html]

sowas?^^

8

Ja, aber scrollbar, mit fixen Spaltenbreiten und mit dem gleichen grafischen Aussehen in jedem Browser.

Ich hab die Hoffnung aber schon lange aufgegeben dass das jemand kann :expressionless:

9

[html]

Name Wohnort Fahrzeug
Franz Wien Audi
Peter Berlin BWM
gsd g  
g    
gg    
sf    
fsdf    
sdf    
asfsdf    
asf fa  
  f ff
    f
f f f

[/html]

so? :smiley: