Horizontale Layer-Navigation mit jQuery

Eine wirklich gute und schlanke horizontale Navigation findet man unter http://runnable.com/UdQdRyHniSpKAAXx/create-a-horizontal-navigation-menu-bar-using-jquery.  Ich finde sie besser als jegliche AdobeSpry-Lösungen oder andere Ansätze, die ich gefunden habe. Denn sie ist wirklich kinderleicht und schnell angepasst und ins eigene Projekt eingepflegt.

CSS Padding

Auch nach über 10 Jahren aktiver Webentwicklung verwechsel ich es immer wieder. Welche Zahl steht bei

padding: 1px 2px 3px 4px; 
margin: 1px 2px 3px 4px; 

für welchen Rand? Die Reihenfolge lautet:

padding: top right bottom left; 
margin: top right bottom left; 

Kleiner Abstand unter einem Bild

Es ist zwar nur ein kleiner Kniff, jedoch hat mir dieser in der Vergangenheit auch schon mal einiges an Zeit und Nerven gekostet. Wenn man unter einem Bild in einem div-Container

<div id="title">
<img src="banner.jpg" style="padding:0px; margin:0px; />
</div>

immer einen kleinen Abstand von ca. 3-4 Pixeln hat, hilft ein

#title img{
display:block;
}

in der CSS-Definition.

iPhone 3 und iPhone 4 mit CSS erkennen

Da alle iOS-Geräte sich von Anfang an weigerten

<link href="css/style.css" rel="stylesheet" media="handheld" type="text/css" />

zu interpretieren, lassen sich über

@media only screen and (max-device-width: 480px){ p{background:red;} }

zumindest iPhones ansteuern. Egal ob Retina-Display oder nicht. Möchte man nur Retina-Displays abfangen, bietet sich

@media only screen and (-webkit-min-device-pixel-ratio: 2){ p{background:red;} }

an.