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 Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Nur gefüllte Tabellenzellen hervorheben

PHP - Zeichenkette einfach trennen

JavaScript - Geburtstag anzeigen

MySQL - Datensatz Wert erhöhen