Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Ramka i tekst na obrazku
Forum PHP.pl > Forum > Przedszkole
Inaro
Cześć, mam problem bo chcę zrobić że na obrazku będzie tekst.

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

chcę na ten obrazek nałożyć ten kod
  1. <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>
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?
  1. <lis><div style="background:url(http://ps-rp.xaa.pl/images/clean/online.png); height:40px;">0 online</div></lis>


Edit: to nie działa, nie pokazuje w ogóle obrazka a tekst jest gdzieś pod menu...
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
  1. <lis><div style="background:url('http://ps-rp.xaa.pl/images/clean/online.png'); height:40px; display:block;">0 online</div></lis>


Spróbuj tak. I dodaj może width wink.gif
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 ;]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.