Malcolm Beck´s: Sinnvolles Markup für Weiterblättern-Menu

Beitrag lesen

hi,

Eine feste Breite wäre wünschenswert, damit zappelt die Liste nicht so beim Blättern und die Maus muss keinen Stress kriegen.

Das P ist tatsächlich ein Markup Problem: <form> UND <ul> in strict und so dass es gut aussieht...

Hab's mittlerweile ganz vernünftig hingekriegt, und statt <p> habe ich ein div reingepackt.

Das Markup (kurzgefasst):

<dl class="pagination">  
  <dt>Seite 1 von 11 | Einträge Gesamt: 165</dt>  
  
<dd class="seitenzahlen">  
 <ul>  
  <li><span class="firstsite">« Erste</span> <span></span></li>  
  <li><strong class="currentsite">1</strong></li>  
  <li><a href="?ui=2">2</a></li>  
  <li><span></span> <a href="?ui=11" class="lastsite">Letzte »</a></li>  
  
  <li class="pagination_js_generated" id="pagination_first">  
   <!-- Wenn Javascript Aktiviert ist, wird hier ein  
        hover-Link mit einer Liste aller Links angezeigt -->  
    <script type="text/javascript">
     var addParam = new Array();  
     addParam["id"]='pagination_first';addParam["end"]=11;addParam["prefix"]='ui';  
     createClickableLinks(addParam);
    </script>  
     <noscript>  
      <form method="get" action=""><div>  
      <!-- Das Select kann ohne weiteres durch ein Eingabefeld ersetzt werden -->  
      <select name="ui">  
      <option selected='selected'>1</option>  
      <option>2</option>  
     </select>  
     <input type="submit" value="Go" />  
    </div></form>  
   </noscript>  
  </li>  
 </ul>  
</dd>  
  
<dd class="pagination_onepage_navigation">  
 <ul class="pagination_onepage_list">  
  <li><a href="?ui=2" class="paginator_onefor">Seite weiter »</a></li>  
  <li><span class="paginator_onebacknolink">« Seite zurück</span></li>  
 </ul>  
</dd>  
  
</dl>

Sieht zwar etwas viel aus, aber so eine Pagination ist keine unnötige Lappalie, sondern durchaus ein wichtiger Bestandteil des Contents.

mfg