Tekst na obrazku, Tekst na obrazku Opcje

[bubabsk]

Witam wszystkich,

Mam pewien problem, zastanawiam się czy można poprzez kod html zrobić coś takiego :

http://www.systemix.net.pl/sklep/images/banners/popular.png

czyli mamy obrazek a na nim tekst w na tle (danego koloru), który można modyfikować.

Dziękuję za pomoc.

[Necsord]

Można div z obrazkiem jako background i tekst w tym div'ie. Rzeczy do google'a:
- css background
- podstawy html i css

[pedro84]

Chcesz zapisać na grafice czy po prostu zrobić w CSS? JEśli to drugie, to bez problemu dowiesz się jak po przeczytaniu kursu HTML/CSS.

[Kshyhoo]

Można, w PHP, biblioteka GD. Da się również HTML+CSS...

[bubabsk]

Chcę mieć kod w którym zmieniałbym tylko url obrazka oraz zmiałbym tekst

<div style="background-image: url('http://www.galeria.com.pl/images/jpgs/zdjecia/1582_midi.jpg'); background-repeat: no-repeat; background-position: 20px 20px;">przykład</div>

ale nie wyśwtetla się obrazek

[Necsord]

Nie zdefiniowałeś wysokości i szerokości, a zarazem background-position przesunałeś trochę. Na prawdę polecam poczytać o podstawach, przerobić jakieś tutorial'e.

[bubabsk]

pomożecie ?

[pedro84]

pomożecie ?

Przeczytaj podstawowy kurs CSS to zrozumiesz gdzie masz błąd. Przesuwasz tło, rozumiesz?

[bubabsk]

<div style="background: url('images/stories/pasek.png') no-repeat left top;">
<table style="background: url('images/stories/pasek.png') repeat-x scroll 0% 0% transparent; width: 114px; height: 25px;">
<tbody>
<tr>
<td>aaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</tbody>
</table>
</div>


Działa pasek z tekstem który się wydłuża w zależności od tekstu, teraz pytanie jak pod to podłożyć obrazek ?

[Kshyhoo]

Używaj bb-code.
Tabele służą do danych tabelarycznych a nie do wyświetlania obrazków.
Musi to być obrazek? Prościej jest tak:

[HTML] pobierz, plaintext 
<div id="div" style="width:0px; height:20px; background:#999"> </div>
[HTML] pobierz, plaintext 

[bubabsk]

Racja tak jest lepiej, nie musi byc obrazek. Proszę o podpowiedź co teraz powinienem zrobić żeby wtawić zdjęcie pod to...

[Kshyhoo]

Wsadź DIVa w DIVa i wypozycjonuj.

[bubabsk]

Wyszło mi coś takiego niewiem czy tak to jest dobrze

<div id="div" style="width: 200px; height: 200px; background: url('images/stories/pasek.png');">
<div id="div" style="width: 180px; height: 30px; position: absolute; top: 199px; left: 100px; background: none repeat scroll 0% 0% #999959; text-align: center;"><span style="font-size: 12pt;"><span style="color: #ffffff; font-family: arial black,avant garde; font-size: 14pt;">PRÓBA</span><strong><br /></strong></span></div>
</div>

[Spawnm]

Proszę używać BBcode, inaczej temat zostanie zamknięty.

[bubabsk]

Jest problem , żółty pasek pokazuje się na stronie w całkiem innym miejscu

Ten post edytował bubabsk 4.02.2012, 17:08:11

[wookieb]

A @spawnm prosił...