Liste mit CSS erstellen

[S.o.T.]

Hmm, das ist echt eine komplizierte Sache. Mal sehen, was ich da machen kann. Einer von uns wird dir bestimmt helfen können.

[S.o.T.]

edit by white:
NOPASTE!!!

[White]

Könnte man dieses überlange Code schnippsel Geschreibe unterlassen und auf Nopaste legen?
Das nächste mal editiere ich die Post's, ist schwer was zu lesen bei so riesigen Beiträgen

[MarieLouise]

Tut mir leid white, aber mir ist beim Posten auf die schnelle keine Alternative eingefallen und ohne die ganzen Zeilen ist die Tabelle nicht scrollbar und somit bedeutungslos

Ich werd es mir aber merken !

@Dreadful
Das sieht wirklich schon SEHR gut aus !!
Ich werde jetzt mal versuchen wie gut ich da mit meinen eigenen Daten klarkomme aber im Prinzip passt das perfekt !

edit: wenn ich jede Spalte in einer anderen Breite haben möchte müsste ich für jede Spalte einen eigenen CSS-Tag anlegen und dann zuweisen, oder ?

[S.o.T.]

Nein, du müsstest lediglich die th-Breite und die Breite der jeweils ersten td vergrößern, weil sich das dann auf alle Zellen darunter auswirkt. Das heißt, in jeder Tabelle (sind ja zwei) müsstest du jeweils die Zellen der ersten Zeile anpassen. Ich habe das leider im Code-Beispiel etwas falsch geschrieben, wenn ich mich recht entsinne, aber du schaffst das schon! ;-)

[MarieLouise]

Hm, ich kann über diese Zeile

#a th, #b td {
width: ; /* Hier die Breite fuer die Zellen eintragen */
}

die Breite von Header und Feld gleichermaßen anpassen. Ich kann aber nicht sagen:

Spalte 1: 50px
Spalte 2: 100px
Spalte 3: 5px
etc.

Oder hab ich da was falsch verstanden ?

[S.o.T.]

edit by white:
NOPASTE!!!

[e-phy]

@S.o.T, deine Lösung ist vollkommener MURKS!! Warum? Weil ID's in einem Dokument nur einmalig vergeben werden dürfen! ID's sind wie der Name schon sagt zur eindeutlichen identifikation eines Elements bestimmt. Hierfür verwendet man dann die class-tags. Diese dürfe beliebig oft verwendet werden.

@Marie, kannst du mir ggf. mal ein zu formatierendes Dokument zukommen lassen, bzw. mal eine Seite uploaden, auf der dein aktueller Entwicklungsstand zu betrachten ist? Im Moment bin ich hier nämlich ein wenig überfordert mit den vielen Hilfestellungen und weiß nicht in wie weit du diese schon beachtet und eingearbeitet hast.

[S.o.T.]

Ja ok, dann braucht sie ja nur die IDs zu Klassen umzuschreiben. ;-)
Aber ansonsten ist das doch gar nicht so schlecht. Wie gesagt, ich habe das in einer Viertelstunde gestern Abend geschrieben. Trotzdem danke e-phy, du hast es als erster Mensch geschafft, mir den Unterschied zwischen IDs und Klassen zu erklären! XD

[MarieLouise]

Hallo e-phy,

ich bin derzeit genausoweit wie mir S.o.T. den Code beschrieben hat.
Im Grunde ist das genau das was ich gesucht habe.

Der Unterschied in meinem Fall ist, dass ich den Tabelleninhalt nicht so generiere:

Code:

<tr>
<th id="t1">th</th>
<th id="t2">th</th>
<th id="t3">th</th>
<th id="t4">th</th>
<th id="t5">th</th>
<th id="t6">th</th>
etc.
.....
</tr>

sondern mit einem VBScript-Code der so aussieht:

Beschriftung der Kopfzeile (Erste Tabelle)

Code:

response.write(""<TABLE><tr>")
For i = 0 to RS.Fields.Count - 1
response.write("<td bgcolor='#00FFFF' valign=top><font size=1 color='#000000'><b>" & RS(i).Name & "</b></td>")
Next
response.write("</TR></TABLE>")

Befüllen mit den relevanten Daten (Tabelle2)

Code:

<div id="c">
<TABLE>
<%
' RS ist ein Recordset das das Ergebnis einer SQL-Query enthält (25 Spalten, 200 Zeilen)

Do While Not RS.EOF
    response.write("<TR bgcolor='#dddddd'>")
    For i = 0 to RS.Fields.Count - 1
        response.write("<TD width="&fieldNameArray(i)&" ALIGN=TOP>" & tmp_rs &  "</TD>")
    Next
    response.write("</TR>")
    RS.MoveNext
Loop
response.write("</TABLE>")
%>

Ich habe den Code von S.o.T. hier nicht mehr eingebaut weil ich zeitlich einfach nicht mehr dazugekommen bin

lG
Marie