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.

<adress> Adresse

CSS - Uhrzeitanzeige mal anders!

PHP - Session automatisch nach 5 Minuten Inaktivität beenden

JavaScript - Bestimmte Textstellen markieren

MySQL - Datensatz löschen

Aktualität vortäuschen
Viele Seiten werben mit "aktuellen News", die in Wirklichkeit Wochen alt sind. Wenn man aktuelle News verspricht, dann sollte man diese auch bieten, ansonsten sollte man lieber darauf verzichten.