[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]

aaaaaa (IMG:style_emoticons/default/smile.gif)
to ja bym to zrobil tak:

css

[HTML] pobierz, plaintext 
#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>
 
[HTML] pobierz, plaintext 

cos w tym kontekscie (IMG:style_emoticons/default/smile.gif)

choć zamiast obrazka pod tlo h1 wolalbym wstawic juz gradier (IMG:style_emoticons/default/smile.gif)

generator: http://www.colorzilla.com/gradient-editor/ (IMG:style_emoticons/default/smile.gif)

Ten post edytował tomi1985 24.11.2012, 16:53:22