[CSS] narożniki w zmiennej wielkości div'ie, "wydajne" osadzenie grafiki w div'ie Opcje

[r4xz]

problem:
(IMG:http://img692.imageshack.us/img692/4885/cssx.gif)
rozwiązanie:

[HTML] pobierz, plaintext 
<div id="pudlo">
    <div class="p2">
        <div class="p3">
            <div class="p4">
                tutaj dopiero tekst
            </div>
        </div>
    </div>
</div>
[HTML] pobierz, plaintext 

Kod

#pudlo {
    width: 242px;
    height: 754px;
    background: #0F3s56 url('1_naroznik.gif') top left no-repeat;
}

.p2 {
    background: url('2_naroznik.gif') top right no-repeat;
}

.p3 {
    background: url('3_naroznik.gif') bottom right no-repeat;
}

.p4 {
    background: url('4_naroznik.gif') top left no-repeat;
    padding: 8px;
}

ma ktoś pomysł na lepsze rozwiązanie tego problemu?

Ten post edytował r4xz 8.06.2010, 19:49:28