Ebenen "mit nur 2 Ecken"

[Felix Riesterer]

Lieber Joshua,

packe Deinen Textbereich in ein verschachteltes <div>!

<div class="zwei_Ecken_Text">
<div>

___
|
| Da steht Text und Text und...
               .
               .
               .                |
                             ___|

</div>
</div>

im CSS-Teil steht dann ungefähr folgendes (ungeprüft!):

.zwei_Ecken_Text { background: url(pad-zum-Bild/Ecke_oben_links.png) top left no-repeat; }
.zwei_Ecken_Text div { background: url(pad-zum-Bild/Ecke_unten_rechts.png) bottom right no-repeat; }

Am Besten wird es sein, wenn Du innerhalb dieser DIVs noch ein Padding setzt, damit Deine Buchstaben nicht _auf_ den Eckbildern stehen:
.zwei_Ecken_Text { padding: 0; margin: 0; background: url(pad-zum-Bild/Ecke_oben_links.png) top left no-repeat; }
.zwei_Ecken_Text div { padding: 10px; background: url(pad-zum-Bild/Ecke_unten_rechts.png) bottom right no-repeat; }

Liebe Grüße aus Ellwangen,

Felix Riesterer.