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]