wissen.netzhaut.de

Kategorie: HTML

0

HTML / Webentwicklung

Chrome: Warnung vor unsicheren Ressourcen

Bei einer Website stießen wir kürzlich auf eine Warnung von Chrome (v 41), wie sie rechts zu sehen ist. Schnell war abgeklärt, dass keine „veraltete Kryptographie“ im Einsatz ist. Also nahmen wir den Teil „Diese Seite enthält jedoch andere, nicht sichere Ressourcen.“ unter die Lupe. Per Durchsicht im HTML-Quellcode konnten wir keine Resourcen-Einbindung mit „http://“-Quellen entdecken. Zur Sicherheit wurden sämtliche Javascripte und CSS-Dateien herausgenommen. Chrome meldete weiterhin seine Bedenken. Aus Clientsicht ließ sich nichts mehr erkennen. Wir guckten uns die Sache daher serverseitig an: welche Resourcen werden denn dort angefordert (nachdem wir externe Quellen ausschließen konnten)? Doch im access-Log tauchten...

0

HTML / Webentwicklung

Sprechblase bei eingebetteten Google Maps Karten entfernen

Wir haben häufiger das Problem, dass eine Einbindung der Google Maps Karte zu klein für die Sprechblase wird und es besser wäre sie auszublenden. Auf der Suche nach einer Lösung wurden wir auf dem Blog kulturbanause fündig und möchten den Tipp gleich weiter verbreiten 🙂 Es muss lediglich das src-Attribut am Ende des iframes erweitert werden: &iwloc=near Eine ausführliche Beschreibung findet ihr bei kulturbanause.

1

Facebook / HTML

Miniatur-Bilder für Facebook definieren

Beim Posten von URLs auf Facebook gibt es die schöne Möglichkeit, ein oder mehrere Bilder zu definieren, die dann als Miniaturansicht / Vorschaubild direkt im Facebook-Post angezeigt werden. Dies realisiert man über einen Meta-Tag im Header einer HTML-Seite:  <link rel=“image_src“ href=“[Bilderpfad]“ /> Die Bilder, die hier definiert werden, müssen NICHT als Bilder in der Seite eingebunden sein. Das ist die ganze Magie, die dahintersteckt.

0

HTML / Javascript

HTML Elemente über Flashinhalten platzieren

In Zeiten von Lightboxes und anderen Inhalten, die „plötzlich“ über den Inhalten liegen, ist es schwierig Flashinhalte so zu platzieren, dass diese nie überlagert werden. Denn genau diese Überlagerung ist im InternetExplorer nicht ganz so einfach möglich. Mit etwas Vorbereitung beim Flash-Einbinden ist die Lösung aber ganz einfach.

0

HTML

mailto Links mit Subject, CC, Bcc, etc…

<a href=“mailto:email@domain.tld?cc=ccempfaenger@domain.tld&bcc=bccempfaenger@domain.tld&subject=Betreff&body=Inhalt%20der%20Nachricht“ > Idealerweise den kompletten Parameter durch url_encode() schicken.

0

HTML

Pfeile in HTML – raquo & Co.

Immer wieder lässt man sich verleiten, statt der spitzen Klammern (<>, &lt; &gt;) sie „schöneren“ Pfeile ‹› zu verwenden. Und was sich (zumindest am Mac) schnell reintippen lässt, ist aber leider kein valides HTML. Diese Sonderzeichen gehören sauber in Entities umgewandelt. Nachdem sich die Zeichen aber schlecht suchen lassen, hier einmal die Kurzübersicht: &raquo; » &laquo; « &rsaquo; › &lsaquo; ‹

1

HTML

HTML Suchfeld

Folgende Notation erzeugt zumindest in Safara, Chrome und Firefox ein formatiertes Suchfeld. Allerdings ist der INPUT-Typ SEARCH nicht HTML und XHTML valide. Und so sieht das dann aus: