li-Aufzählungszeichen am falschen Platz

[Matze]

Hi,

dieser Aufzählungs-"Bobbel" bei[*] befindet sich in Kombination mit einer Tabelle am falschen Platz und ich weiß nicht wieso. Kann mir einer von euch erklären, wie ich das Aufzählungszeichen an den Anfang der Tabelle bekomme?

Hier der Code und im Anhang die Ausgabe, in der ich eingezeichnet habe, wo sich die Aufzählungszeichen befinden sollen:

Code:

<div class="small_1 debug_queries">
   [b]Debug:
{QUERY_COUNT} {QUERY_TEXT}:[/b]



   <ul>
      
      [*]
         <table class="small_1">
            <tr>
               <td class="debug_caption">{L_DEBUG_QUERY}:</td>
               <td>{debug_queries.QUERY}</td>
            </tr>
            <tr>
               <td class="debug_caption">{L_DEBUG_FILE}:</td>
               <td><span class="bold">[{L_DEBUG_LINE}: {debug_queries.LINE}]</span> {debug_queries.FILE}</td>
            </tr>
            <tr>
               <td class="debug_caption">{L_DEBUG_TIME}:</td>
               <td>{debug_queries.TIME} {L_STUFF_SECONDS}</td>
            </tr>
         </table>
      
      
   [/list]</div>

[mkinzler]

Nicht sauber aber effektiv:

XML-Code:

<div class="small_1 debug_queries">
   [b]Debug:
{QUERY_COUNT} {QUERY_TEXT}:[/b]



   <ul>
      [*]
         <table class="small_1">
            <tr>
               <td class="debug_caption">{L_DEBUG_QUERY}:</td>
               <td>{debug_queries.QUERY}</td>
            </tr>
            <tr>
               <td class="debug_caption">{L_DEBUG_FILE}:</td>
               <td><span class="bold">[{L_DEBUG_LINE}: {debug_queries.LINE}]</span> {debug_queries.FILE}</td>
            </tr>
            <tr>
               <td class="debug_caption">{L_DEBUG_TIME}:</td>
               <td>{debug_queries.TIME} {L_STUFF_SECONDS}</td>
            </tr>
         </table>
      [/list]</div>

[Matze]

Hi,

also [*] gefällt mir erstens gar nicht ;) und zweitens ist das Aufzählungszeichen dann eine Zeile höher als das Wort "Abfrage".

[Lannes]

Hallo,

gefällt Dir das?

Code:

     <li style="vertical-align:top">

[Matze]

Hi,

Wenn, dann müsste ich das mittels list-style steuern können, denke ich. Aber ich lasse mich gerne besseren belehren. So geht es auf jedenfall nicht.

[SirThornberry]

ich würde dir empfehlen für die li-Punkte einen Extra spalte zu definieren. dann ist auch sichergestellt das der Punkt vor der entsprechenden Spalte ist. VAlign muss bei der Spalte natürlich auf alTop sein damit alles klappt

[Matze]

Hallo Jens,

das ginge natürlich, das ist richtig. Doch li ist ja für eine Auflistung da, daher müsste das doch eigentlich gehen. Also wenn es gar nicht anders geht, werde ich eine extra Spalte anlegen, danke.

[SirThornberry]

das ganze mit "li" umgrenzen wird schwer weil eigentlich nix zwischen die tabellendefinition gehört. Der ganze kontent gehört bei tabellen eigentlich zwischen die "TD"-Tags und nirgends anders hinn zwischen "<table>" und "</table>"

Code:

<div class="small_1 debug_queries"> 
   [b]Debug:
{QUERY_COUNT} {QUERY_TEXT}:[/b]

 
       
         <table class="small_1"> 
            <tr> 
               <td>[*]</td>
               <td class="debug_caption">{L_DEBUG_QUERY}:</td> 
               <td>{debug_queries.QUERY}</td> 
            </tr> 
            <tr> 
               <td></td>
               <td class="debug_caption">{L_DEBUG_FILE}:</td> 
               <td><span class="bold">[{L_DEBUG_LINE}: {debug_queries.LINE}]</span> {debug_queries.FILE}</td> 
            </tr> 
            <tr> 
               <td></td>
               <td class="debug_caption">{L_DEBUG_TIME}:</td> 
               <td>{debug_queries.TIME} {L_STUFF_SECONDS}</td> 
            </tr> 
         </table> 
       
</div>

Aber ich guck mal, vielleicht gibt es noch eine elegante Methode. Zum Beispiel die 3 Zeilen in eine Tabelle innerhalb der Tabelle stopfen

[Matze]

Hi,

also

Code:

<td></td>

gefallen mir gar nicht und

Code:

<td>[*]</td>

wäre nicht validate, da vor[*] ein <ul>/[list=1] erfolgen muss.

Wenn, dann würde ich's so lösen:

Code:

<div class="small_1 debug_queries">
   [b]Debug:
{QUERY_COUNT} {QUERY_TEXT}:[/b]



   <table class="small_1">
                  
      <tr>
         <td rowspan="3">&bull;</td>
         <td class="debug_caption">{L_DEBUG_QUERY}:</td>
         <td>{debug_queries.QUERY}</td>
      </tr>
      <tr>
         <td class="debug_caption">{L_DEBUG_FILE}:</td>
         <td><span class="bold">[{L_DEBUG_LINE}: {debug_queries.LINE}]</span> {debug_queries.FILE}</td>
      </tr>
      <tr>
         <td class="debug_caption">{L_DEBUG_TIME}:</td>
         <td>{debug_queries.TIME} {L_STUFF_SECONDS}</td>
      </tr>               
   
   </table>
</div>

Aber vielleicht gibt's ja wirklich etwas eleganteres.

[Matze]

Zitat:

Zitat von Matze

Aber vielleicht gibt's ja wirklich etwas eleganteres.

Kennt jemand von euch da nun etwas, oder muss ich das so lösen, wie ich es einen Beitrag zuvor geschrieben habe?

[S2B]

Zitat:

Zitat von Matze

Wenn, dann müsste ich das mittels list-style steuern können, denke ich. Aber ich lasse mich gerne besseren belehren. So geht es auf jedenfall nicht.

Hast du schon mal beide Varianten (list-style:outside und list-style:inside) getestet?

[Matze]

Zitat:

Zitat von S2B

Hast du schon mal beide Varianten (list-style:outside und list-style:inside) getestet?

Jupp, habe ich, dennoch danke.

[OregonGhost]

Was spricht denn dagegen, statt[*] einfach &bull; zu verwenden?

[Matze]

Zitat:

Zitat von OregonGhost

Was spricht denn dagegen, statt[*] einfach &bull; zu verwenden?

So habe ich es ja aktuell, nur ist eine Tabelle eben für die Darstellen und Daten da und nicht von &bull; ;)

[OregonGhost]

In HTML gibt's keine vollständige Trennung von Inhalt und Layout, also was soll's ^^

[Matze]

Zitat:

Zitat von OregonGhost

In HTML gibt's keine vollständige Trennung von Inhalt und Layout, also was soll's ^^

In XHTML aber ;)

[OregonGhost]

Naja, in den Träumen der Designer sicherlich. Ich lass das auch mal so stehen und damit das nicht wieder ein Spam-Post meinerseits wird:
Ich finde, es ist totaler Quatsch, zu behaupten, dass <td>&bull;</td> etwas anderes ist als[*]. &bull; ist kein Datum, es dient der Anzeige. Wenn du das vollständig trennen willst, musst du deine Daten in einem sauberen XML-Format speichern und dann eben in ein Layout-Format wie XHTML umwandeln, womit die Trennung verloren geht. Oder meinst du, dass jedes Bild, das dazu dient, einer Tabelle hübscher erscheinen zu lassen, ein Datum ist? Oder dürfen saubere Webanwendungen keine Grafiken verwenden?

[alcaeus]

Moin,

es ist nicht totaler Quatsch sowas zu behaupten. Was willst du naemlich tun, wenn jemand eine nummerierte Liste haben will, und die Daten eben nicht direkt in die HTML-Datei schreibt, sondern ueber ein Template-System rausjagt? Dann stehst du vor so manchem Problem.
Fakt ist:[*]... wurde genau fuer solche Zwecke "erschaffen", und wenns Matze damit machen will, dann lass ihn eben ;)

@Matze: ich spiel gleich mal damit rum, evtl. finde ich ja noch was. Ich habe naemlich dasselbe Problem ;)

Greetz
alcaeus

[OregonGhost]

Ich lass ihn ja auch machen, nur kann ich nicht im geringsten nachvollziehen, wieso man an einer idealisierten Lösung festhält, wenn sie offenbar nicht richtig funktioniert bzw. nicht funktionieren kann, siehe <td>[*]</td> validiert nicht,[*]<tr>...</tr> auch nicht, jede andere Lösung kommt &bull; gleich ;)

Und was die nummerierte Liste angeht, naja, was genau spricht dagegen, die Nummerierung durch Platzhalter durchzuführen? Damit hätte man eh auch die volle Kontrolle über das exakte Bullet-Symbol, das damit auch aus mehr Code bestehen darf :)

[Matze]

Zitat:

Zitat von OregonGhost

Und was die nummerierte Liste angeht, naja, was genau spricht dagegen, die Nummerierung durch Platzhalter durchzuführen? Damit hätte man eh auch die volle Kontrolle über das exakte Bullet-Symbol, das damit auch aus mehr Code bestehen darf :)

Meine gepostete Lösung funktioniert ja einwandfrei, doch möchte ich mich weitestgehend an den XHTML-Standard halten. Ob dieser nun gut ist oder nicht sei dahingestellt, ich möchte es einfach.