Hhm, stimmt, wenn ich auf Selfhtml schaue, sehe ich das auch. Die Aptana IDE zeigt das aber im IntelliSense als Option an.
Zitat
Sorry, aber die Lösung mit dem span ist grausamst, wenn ich das mal so sagen darf. ;)
Klar, darfst Du ;-)
Zitat
Wie marc schon schrieb gehören die Thumbs semantisch in eine ul.
Die Thumbs bekommst du dann auch mit display:inline für li nebeneinander. Zentrieren geht dann ganz einfach mit text-align:center;
Ich habe jetzt mal eine neue Variante gemacht, die nur noch halb so schlimm ist, aber dennoch verbesserungswürdig sein könnte. Vielleicht kannst Du mir hier noch ein paar Tipps geben
<ul class="setcenter">
<li class="thumbpic"><a rel="lightbox[group]" href="../uploads/2010/02/Thumb1.png"><img src="../uploads/2010/02/Thumb1.png" alt="" title="ThumbPic 1" width="150" height="150" /></a></li>
<li class="thumbpic"><a rel="lightbox[group]" href="../uploads/2010/02/Thumb2.png"><img src="../uploads/2010/02/Thumb2.png" alt="" title="ThumbPic 2" width="150" height="150" /></a></li>
</ul>
.thumbpic { display: inline; text-align: center !important; }
.thumbpic a { border-bottom: none !important; }
.setcenter { text-align: center !important; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;}
Ich finde das mit den ganzen "!important" attributen irgendwie nicht sonderlich schön. Dennoch habe ich das Problem, dass sowohl die CSS Eigenschaften von <ul> per ".entry ul {...}" definiert sind, als auch die <a> entsprechend von oben geerbt werden.
Wie geht man hier denn generell vor? Was ist hierfür eine "Best Practice"?
Ursprünglich dachte ich, dass es reicht, einem <ul> bzw. einem <a> ein Class-Attribut mit einem eigenen Namen zu geben, aber offensichtlich nicht. Sowohl padding, margin, als auch text-align, sowie die Unterstriche der Links werden von oben durch gereicht.
Was empfehlt Ihr mir hier? Ist das okay mit den "!important" Deklarationen?