Veröffentlicht am

„//“ prefix in urls anchor hrefs (protocol relative url)

Beginning an url (anchor href/img source/ …) with „//“ is called protocol relative url and is defined within the RFC 3986.

Using this link notation is helpful if your link must (or should)  use the same protocol as the displayed page.

Examples:

  1. User visits http://www.example.com, all links or image resources should be referenced to the same protocol http.
  2. User visits https://www.example.com, all links or image resources should be referenced to the same protocol https.

A protocol relative url is not restricted to the same url – you may use it to link/refer to other urls as well.

 

Veröffentlicht am

Ein HTML-Element per CSS horizontal und vertikal zentrieren

Um ein HTML-Element per CSS innerhalb eines Block-Elementes (oder innerhalb des Body) horizontal und vertikal zu zentrieren bedient man sich eines einfachen kleinen Tricks: der Mittelpunkt des Elements und der des Elternelements müssen übereinander gebracht werden.

Dazu wird zunächst das Element absolut in die Mitte des Eltern-Elementes positioniert. Anschließend wird es über negative Margins jeweils um die Hälfte seiner Breite/Höhe nach links/oben verschoben.

#main {
position: absolute;
top: 50%;
left: 50%;
width: 490px;
height: 490px;
margin: -245px 0 0 -245px;
}

Hier ist ein schönes Tutorial: http://www.thestyleworks.de/tut-art/centerblock.shtml

Veröffentlicht am

HTML Elemente über ein Flash-Objekt legen

Beim Einbinden von Flash in eine HTML-Seite wird der Parameter „wmode“ der Standardwert „window“ zugewiesen.

Aus der Flash-Hilfe:

window: Die Anwendung wird in einem eigenen rechteckigen Fenster auf einer Webseite abgespielt. Diese Option legt fest, dass die Flash-Anwendung keinerlei Interaktion mit den HTML-Ebenen durchführt und immer das oberste Element ist.

Da dieses Verhalten nicht immer gewünscht ist, gibt es weiterhin die Werte opaque und transparent.
Um z. B. ein DIV-Element über das Flash legen zu können wird der wmode=transparent gesetzt und das DIV-Element kann per CSS und ggf. z-index über das Flash positioniert werden.

Benutzt man die Javascript-Klasse swfObject könnte das so aussehen:
var params = {};
params.menu = "false";
params.allowfullscreen = "true";
params.allowscriptaccess = "always";
params.wmode = "transparent";
var attributes = {};
attributes.id = "julie-julia-clip-start";
attributes.name = "julie-julia-player";
attributes.align = "middle";
attributes.wmode = "transparent";
swfobject.embedSWF(...)