Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 01.09.2012, 11:16
nARC nARC ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.05.2005
Beiträge: 12
nARC befindet sich auf einem aufstrebenden Ast
Standard

Hey gato,
kein Problem - anbei das ausgelieferte HTML:

Und nein Tabellen sind nicht gewünscht
Eine derartige Struktur ist zwar etwas fummelig, wie du dies bereits festgestellt hast - ist jedoch eine Voraussetzung.

Die Styleelemente sind in der Tat sehr unschön, nur weiß ich eben nicht wie ich dies im Moment anders lösen sollte. Ohne auf Frameworks zurück zu greifen.


HTML-Code:
<div id="archives">
<div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:-58px;width:57px;height:75px;">375</a>
             <span class="name">Sep<br /> 2011</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:0px;width:57px;height:79.6px;">398</a>
             <span class="name">Okt<br /> 2011</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:58px;width:57px;height:85.2px;">426</a>
             <span class="name">Nov<br /> 2011</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:116px;width:57px;height:63.2px;">316</a>
             <span class="name">Dez<br /> 2011</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:174px;width:57px;height:85.8px;">429</a>
             <span class="name">Jan<br /> 2012</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:232px;width:57px;height:86.4px;">432</a>
             <span class="name">Feb<br /> 2012</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:290px;width:57px;height:92px;">460</a>
             <span class="name">Mrz<br /> 2012</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:348px;width:57px;height:77.8px;">389</a>
             <span class="name">Apr<br /> 2012</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:406px;width:57px;height:85.8px;">429</a>
             <span class="name">Mai<br /> 2012</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:464px;width:57px;height:77.2px;">386</a>
             <span class="name">Jun<br /> 2012</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:522px;width:57px;height:80.4px;">402</a>
             <span class="name">Jul<br /> 2012</span>
             </div><div class="month" style="width:58px;">
             <a href="#" class="bar" style="left:580px;width:57px;height:49.4px;">247</a>
             <span class="name">Aug<br /> 2012</span>
             </div>        
</div> 

Geändert von nARC (01.09.2012 um 11:29 Uhr)
Mit Zitat antworten