Container mit Eselsohren

Beispiel:

Lorem ipsum
Lorem ipsum dolor sit amet Semper lobortis risus sem
eros eu sollicitudin tellus Vestibulum elit feugiat a
malesuada volutpat lobortis in in felis tellus
Morbi tempus Aliquam Vestibulum ipsum at nulla.

Quelltext:

  
ohr_ro.gif
21 x 17 Pixel
99 Byte
<style> .container1{ border: 1px solid #B8B8B8; width: 370px; } .container1 .rechts_oben{ background: transparent url(ohr_ro.gif) top right no-repeat; position: relative; left: 2px; top: -1px; padding: 15px 4px 5px 5px; } </style> <div class=container1> <div class=rechts_oben> Lorem ipsum dolor ... </div> </div>

Beispiel:

Lorem ipsum
Lorem ipsum dolor sit amet Semper lobortis risus sem
eros eu sollicitudin tellus Vestibulum elit feugiat a
malesuada volutpat lobortis in in felis tellus
Morbi tempus Aliquam Vestibulum ipsum at nulla.

Quelltext:

  
ohr_ru.gif
21 x 17 Pixel
98 Byte
papier.jpg
67 x 60 Pixel
1.5 KB
<style> .container2 { border: 1px solid #B8B8B8; width: 370px; background-image: url(papier.jpg); } .container2 .rechts_unten{ background: transparent url(ohr_ru.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; } </style> <div class="container2"> <div class="rechts_unten"> Lorem ipsum dolor ... </div> </div>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<sup> Physische Auszeichnung

CSS - Tastenkombinationen darstellen

PHP - CSV-Datei in eine DB-Tabelle einlesen

JavaScript - Prüfen, ob die Funktion vor dem Aufruf vorhanden ist

MySQL - Anzahl der Datensätze in einer Spalte

Die 3 Klick-Regel
Der Besucher wird nicht nach einer bestimmten Seite suchen, wenn er dafür mehr als 3-mal klicken muss.