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 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?