[HTML][CSS] Ramka i tekst na obrazku Opcje

[Inaro]

Cześć, mam problem bo chcę zrobić że na obrazku będzie tekst.

obrazek w menu

[HTML] pobierz, plaintext 
 <lis><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="images/clean/online.png" alt="" title=""></a></lis>
[HTML] pobierz, plaintext 

chcę na ten obrazek nałożyć ten kod

[HTML] pobierz, plaintext 
<span style="background-color: #E7A100; color: #FFF; font-size: 11px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-left: 5px; margin-top: 2px; padding: 2px;"><span style="font-weight: bold; font-size: 12px;">0 online</span><span>
[HTML] pobierz, plaintext 

Ten post edytował Inaro 11.07.2011, 17:03:42

[Age1869]

Daj obrazek jako tło diva, w którym dasz ten tekst, który chcesz.

I CSSy trzymaj w oddzielnym pliku ;-)

[Inaro]

Coś takiego?

[HTML] pobierz, plaintext 
<lis><div style="background:url(http://ps-rp.xaa.pl/images/clean/online.png); height:40px;">0 online</div></lis>
[HTML] pobierz, plaintext 

Edit: to nie działa, nie pokazuje w ogóle obrazka a tekst jest gdzieś pod menu...

Ten post edytował Inaro 11.07.2011, 17:41:52

[Age1869]

Dokładnie coś takiego ;-) Tylko CSSy w oddzielnym pliku, zgrabniej i lepiej ;]

i ścieżkę do obrazka lepiej dawać w pomiędzy 'ścieżka', wtedy na pewno dobrze będzie zinterpretowany. Inaczej niektóre znaki w nazwie/adresie mogą wszystko zepsuć.

[Inaro]

No ale to nie działa, nie pokazuje w ogóle obrazka

[Age1869]

[HTML] pobierz, plaintext 
<lis><div style="background:url('http://ps-rp.xaa.pl/images/clean/online.png'); height:40px; display:block;">0 online</div></lis>
[HTML] pobierz, plaintext 

Spróbuj tak. I dodaj może width

[Inaro]

Nadal nic, pokazuje sam tekst bez obrazka ;/

[Age1869]

Co to jest za znacznik <lis>? Nie zauważyłem go wcześniej, a znacznikiem HTMLu też nie jest. Bez niego wszystko działa bdb ;]