[CSS][HTML] Kilka elementów graficznych w jednym div Opcje

[nithajasz]

Mam taki problem, klient zarzyczył sobie dość rozbudowaną graficznie stronę i mam problem z jednym aspektem tego. Mianowicie mam część do wyświetlania treści dajmy na to <div id="tresc"> i w skład niej wchodzą 3 elementy graficzne: góra, środek i dół. Wielkość tego diva jest niestandardowa zależna od długości tekstu.

Ma ktoś pomysł jak rozwiązać to tak by tekst pojawiał się zarówno na tle środkowej grafiki (cienki pasek repeat-y) i na dolnej części? Bo na tym mu zależy.
Nie wiem może da się jakoś do diva wrzucić dwie różne grafiki jako tło i wypozycjonować je przykładowo top, bottom?

Ten post edytował nithajasz 21.06.2008, 00:18:08

[Shili]

Jeśli dół ma ustaloną wysokość można to zrobić mniej więcej w ten sposób:

[HTML] pobierz, plaintext 
<div style="width: 150px; margin: 0; padding: 0; position: relative;">
    <img style="width: 100%; height: 15px; background: red;" />
    <div style="z-index: 10; position: relative;">
    simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature,
    </div>
    <img style="width: 100%; height: 15px; background: yellow; position: relative; top: -15px; left: 0; z-index: 1;" />
</div>
[HTML] pobierz, plaintext 

odnośnie @down
Ech, jednak faktycznie przekombinowuję trochę, chyba czas iść spać ^^

Ten post edytował Shili 21.06.2008, 00:36:57