Hallo erstmal!
Dachte, ich geb euch auch mal ne Nuss zu knacken ![]()
Also, ich versuche aus einem Programm heraus, mit Hilfe von CSS sheets eine sortierte Liste zu bekommen...
Das Programm benutzt folgende Dinge:
Code
String: Artist
String: Album
Image: Cover
String: Record Label
Integer: Number Of Tracks
Boolean: Compilation
List: Tracklist
Integer: Release Date (Year)
Slider: Rating
String: Label
Text: Comment
Alles anzeigen
Dies hier ist das Beispiel Template:
HTML
<pre>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >
<title>
StuffKeeper - {title}
</title>
<style TYPE="text/css">
#heading \{
background: #99ccFF;
font-size: 4em;
text-align: center;
border-bottom: 1px dotted black;
\}
body \{
margin: 0;
\}
#content\{
margin: 1em;
\}
#schema H3\{
background: #CCFFFF;
border: 1px dotted black;
padding: 0.5em;
\}
#index\{
margin: 1em;
\}
#item \{
\}
#item H3 \{
background: #FFFFCC;
border: 1px dotted black;
padding: 0.5em;
\}
</style>
</head>
<body>
<div id='heading'>
StuffKeeper
</div>
<div id='index'>
<H3>Index</H3>
[b
{schema:id [url='#schema:%']}{schema:title <H3>%</H3>}{schema:id [/url]}
<lu>
[s
[*][url='#{item:id %}']{item:title %}[/url]
]
</lu>
]
</div>
<div id='content'>
[b
<div id='schema'>
{schema:id <a name='schema:%'>}{schema:title <H3>%</H3>}{schema:id </a>}
[s
<div id='item'>
<H3><a name='{item:id %}'>{item:title %}</a></H3>
<table>
[i
<tr>
<td align='right' valign='top'>
{field:name [b]%[/b]}
</td>
<td>
{field:string %
}{field:text
%</p>
}{field:link [url='%']%[/url]
}{field:slider %/100
}{field:integer %
}{field:boolean <input type='checkbox' DISABLED %CHECKED:% />
}{field:image [img]%[/img]
}{field:list <div id='list'>
}{field:list [i]%[/i]
}{field:list </div>}
</td>
<tr>
]
</table>
</div>
]
</div>
]
</div>
</body>
</html>
</pre>
Alles anzeigen
Was ich gerne erreichen wuerde ist, dass das Datum eine höhere Priorität bekommt, als der Albumtitel... laesst sich das auf CSS Ebene erreichen?[/code]