Dropout ohne JS möglich?

  • Also dieses "Dropout" ist mit CSS möglich, du kannst dann sogar wie wild i wo rumklicken, allerdings ist die Frage für welche Browser du es haben willst.

    Zu dem table -> a problem, die Tabelle muss ja nicht zwingend in dem Link drinstehen, man kann mit CSS ja auch nachbar-elemente und so ansprechen :)

  • Ui, das wusst ich noch gar nicht :D wie oft hab ich mir das schon überlegt - eigentlich wunderts mich auch, dass es geht, aber schön isses trotzdem *g*.
    Funzt super { P.S.: außer, dass man so natürlich nichtmehr was aus dem tooltip kopieren kann, da er wieder versteckt wird sobald man den Fokus vom <a> verliert }

    HTML
    <style>
    div { display: none; }
    a:focus + div { display: block; }
    </style>
    
    
    <a href="#">hi</a>
    <div>focus liegt über mir!</div>

    Übrigens, zu dem Verschachteln von anderen Elementen innerhalb von <a> - da machen ein paar Browser Fehler beim Parsen (z.B. der IE9). Wenn man ein <div> in ein <a> klatscht, parst sich der Browser das raus und setzt es unter das <a> (unabhängig der CSS Eigenschaften) ...

    2 Mal editiert, zuletzt von Grevas (15. März 2011 um 21:43)