[CSS]Graficzny "content" pytanko Opcje

[Zielonkawy18]

Mam pytanie odnośnie np. takiego layout-u

http://pieknowzdrowiu.pl/img1.png z tematu: Temat: Projekt logo oraz strony dla firmy outsourcingowej

Załóżmy, że mam taką grafikę ( mini box ) na zdjęciu. Jak w CSS ulokować taką grafikę i aby wyświetlić na niej tekst?

Oczywiście tekst umiem, chodzi mi po pomysł jak wy to realizujecie bo ja wyobrażam sobie to tak, że na te zdjęcie nakładam jakiegoś div-a.

[tomi1985]

#mini {
width:250px;
text-align:left;
border-radius:5px;
}

#mini h1 {
background: url("box.png") no-repeat;
padding:10px;
width: 230px;
height:60px;
}

ul#nav {
list-style:none;
}

ul#nav li {
background: url("znaczek.jpg") no-repeat 0 10px;
}

<div id="mini">

<h1>Mini Box</h1>
<ul id="nav">
<li>1</li>
itd...
</ul>
</div>

a więc tak:

[HTML] pobierz, plaintext 
cały box :)
 
#mini {
    width:250px;
    text-align:left;
    border-radius:5px; - zaokrągla rogi (IMG:style_emoticons/default/tongue.gif) 
    }
 
Twoje tło pod napis "Mini Box"
 
    #mini h1 {
    background: url("box.png") no-repeat;
    padding:10px;
    width: 230px;
    height:60px;
    }
 
 
Tutaj juz znajduje sie to co jest wewnatrz boxa :)
 
    ul#nav {
    list-style:none; - usuwanie kropek w li
    }
 
Nadanie obrazka po lewej stronie do opisów ( na zdjęciu masz zieloną szczałkę )   np. Loren impsum.... 
 
  ul#nav li {
    background: url("znaczek.jpg") no-repeat 0 10px; - ustawienie obrazka po lewej stronie w li (IMG:style_emoticons/default/tongue.gif) 
    }
 
 
    <div id="mini">
 
    <h1>Mini Box</h1>
    <ul id="nav">
    <li>1</li>
    itd...
    </ul>
    </div>
[HTML] pobierz, plaintext 

chyba o to chodzilo (IMG:style_emoticons/default/tongue.gif)