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:

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.