[html]tekst na obrazku

[razorskate]

Jest kilka rozwiązań tego problemu.

Pierwsza opcja:

1. Tworzysz nowy div, w którym będzie się znajdował obrazek, użyjmy klasy, jeśli będzie potrzeba użyć kilka razy "tekstu na obrazku" .

2. Dodajesz w CSS kilka komend formatujących tego diva, a więc:

Kod HTML:

Kod:

<div class="tekst_na_obrazku">
<p>Zamiast tego wpisujesz tekst, który ma się pojawić na obrazku. </p>
</div>

Kod CSS:

Kod:

.tekst_na_obrazku  {
background-image:url(tu podajesz ścieżkę do pliku);  /* definicja tła */
}

Możesz jeszcze przesuwać akapit, edytować kolor, a więc dodajesz jeszcze do styli np. :

Kod:

.tekst_na_obrazku p {
text-align:left; /* left / right / center do wyboru ;) */
color:red; /* kolor tekstu */
}

Druga opcja:

kod HTML:

Kod:

<div style="border:1px solid black; position:relative; width:300px; height: 300px;">
<img src="ścieżka pliku do obrazka" alt="" />
<div style="position:absolute; bottom:0; right:0;">Tekst na obrazie</div>
</div>

Oczywiście w przykładzie powyżej trzeba zedytować ścieżkę do pliku, oraz szerokość i wysokość, ewentualnie przesunąć diva z tekstem.

Taki mały offtop:
1. Pisz małymi literami, pora już zapomnieć o znacznikach pisanych wielkimi literami.
2. Strona oparta na tabelach jest stara, niewygodna i ogólnie przez większość uważana za blee
3. Pomogłem? daj reputa ;d