Hätte gerne eine bestimmte ansicht, nur wie baut man Sie zusammen?
 

Guten Abend :D

Ich entwickle gerade eine Webseite und für die Seite, wo das Team vorgestellt wird, habe ich eine konkrete Idee für das Layout, kann es aber einfach nicht umsetzten!

Kann das jemand für mich umsetzten? Ich bin am verzweifeln :cry:

Es soll am Ende so aussehen wie im Screenshot (made with MS-Word). Ich möchte eigentlich nichts groß fest positionieren, da der Inhalt dynamisch sein wird. Der rote Balken im Hintergrund muss wohl ein repeat-x Bild sein. Rot = #CC0000. Zum Testen habe ich das passende Userbild mit angehängt.

mfg
meilon

Ich habe jetzt mal ein wenig rumprobiert. Hier kann es sich anschauen.

Nur jetzt das Problem: In meinem bis jetzt entwickelten Design, werden die Abstände zwischen den einzelnen Personen nicht mitgenommen. Wo liegt der Fehler in meinem CSS?

Im IE macht er wenigstens einen kleinen Abstand, aber im FX ja überhauptnix!

-meilon

margin ist auf Tabellenzellen nicht anwendbar.
Box model | margin properties

Ich würde das als Liste machen.

Okay, ich habs jetzt nochmal mit der Liste probiert. Nur bekomme ich jetzt den Textinhalt in der höhe nicht mittig! Und das mit dem Bild floaten gefällt mir auch nicht ganz. Das neue Ergebnis kann man sich wieder unter diesem Link ansehen.

-meilon

Ich würde es als dl machen, das ergibt unter dem Aspekt der Semantik mehr Sinn als Dein jetziges Markup. dt bekommt dann das Bild und dd den Text (padding-top für die vertikale Ausrichtung). Die Hintergrundgrafik bekommen sowohl dt als auch dd (weitere Verfeinerungen zur Kompatibilität mit der Firefox-Textvergrößerung folgen im weiteren Verlauf des Threads ;)).

Hmm, jetzt schlägt mir jeder was anderes vor! Ich steige so langsam nicht mehr durch!

Was mir zum li noch einfällt ist, dass ich entweder den Namen wieder Schwarz mache oder einfach das textumfassende Element um 25px nach unten verschiebe. Aber die Definitionsliste ist irgendwie noch schwieriger so auszusehen zu lassen, wie ich es denn gerne hätte.

-meilon

Nicht wirklich, fricca empfahl allgemein eine Liste und verlinkte auf die SELFHTML-Listenübersicht, unter der auch die dl steht.

Aber es geht, und daher solltest Du nicht den Weg des geringsten Widerstandes gehen ;) Außerdem würde eine dl-Lösung weniger überflüssiges Markup enthalten als Dein jetziges Markup.