Facebook “I like” iframe Validation Error

31. Januar 2011

Der iframe Button von Facebook wird folgendermaßen erzeugt:

  1. <iframe id="fbframe" src="http://www.facebook.com/plugins/like.php?href=xxx" allowtransparency="true" scrolling="no" frameborder="0" style="height: 62px; width: 100%;"></iframe>

Durch allowtransparency=”true” wirft der W3C Validator einen Error (…there is no attribute “allowtransparency”…) beim Fabebook iframe code. Der Internet Explorer braucht das allerdings, sonst wird der Hintergrund weiß und der Button sieht ggf. auf der Seite nicht mehr schön aus. Daher habe ich widerwillig folgendes gemacht um Validität UND Transparenz zu erreichen:

  1. $('#fbframe').attr('allowTransparency', true);

Ich muss betonen, dass ich mich nicht allzu wohl dabei fühle. Javascript zu nutzen, um Validität zu erzwingen, obwohl sich der HTML Code im Grunde nicht geändert hat… das… fühlt sich nicht gut an. Aber naja.

eine float:left Liste mit subnavigation zentrieren

21. Januar 2011

Ich habe eine ganze Weile gesucht und schließlich bei CSSplay die Lösung gefunden.

Man umschließt die betreffende Navigation mit einem div (in meinem Fall mit der Klasse “container”), dem man folgende Eigenschaften zuweist:

  1. .container { clear:both; float:left; width:100%;}

Der Liste gibt man folgende Eigenschaften:

  1. #menu2 {
  2. float:left;
  3. position:relative;
  4. left:50%;
  5. }
  6. #menu2 li {
  7. float:left; position:relative; right:50%;
  8. }

Und damit steht die Liste auch schon in der mitte. Einziges Problem ist, dass man dauerhaft eine scrollbar hat, aber die kann man im Normalfall ja sehr einfach deaktivieren:

  1. body{overflow-x:hidden;}

Das ganze Beispiel ansehen.

jsTree – Node öffnen

04. Januar 2011

Nachdem ich letztens open_all benutzt habe, weil ich das mit dem Öffnen einzelner Nodes nicht hinbekommen habe, musste ichs heute nochmal recherchieren und habe jetzt die Lösung um einen Ast meines Trees zu öffnen:

  1. $("#treenav").jstree("open_node", $("#Inhalte"));

Inhalte ist die ID des Listenelements, das ich öffnen möchte.