tekst na obrazku

[matusk24]

jak zrobić żeby tekst był na obrazku

mam taki kod

Kod PHP:

<div  style="margin-left:8px; margin-top:15px;  ">
                                        <ul>
                                            <a href="#" ><img alt="" border="0" src="images/lt1.gif" style=" margin-top:4px"></a><br>
                                            <a href="#" ><img alt="" border="0" src="images/lt2.gif" style=" margin-top:4px"></a><br>
                                            <a href="#" ><img alt="" border="0" src="images/lt3.gif" style=" margin-top:4px"></a><br>
                                            <a href="#" ><img alt="" border="0" src="images/lt4.gif" style=" margin-top:4px"></a><br>
                                            <a href="#" ><img alt="" border="0" src="images/lt5.gif" style=" margin-top:4px"></a><br>
                                            <a href="#" ><img alt="" border="0" src="images/lt6.gif" style=" margin-top:4px"></a><br>
                                            <a href="#" ><img alt="" border="0" src="images/lt7.gif" style=" margin-top:3px"></a><br>
                                            <a href="#" ><img alt="" border="0" src="images/lt8.gif" style=" margin-top:4px"></a><br>

                                        </ul>
                                                            </div> 


[Pedro84]

Jaki tekst?

[Marcin]

Podaj jak to ma wyglądać na jakimś zrzucie ekranu. Tutaj nic nie wiadomo .

[matusk24]

zielonym kolorem jest zaznaczony tekst
a czerwonym kolorem jest oznaczony obrazek gif i właśnie chce aby na nim
widniał tekst który jest zaznaczony zielonym kolorem.

[Pedro84]

Zrób menu na liście i nadaj elementowi listy tło (tekst na obrazku? Żeś to ujął...).

[matusk24]

no dobra czyli jak to ma brzmieć w w języku html?

próbowałem to robić tak

Kod PHP:

<a href="#" >Tekst<img alt="" border="0" src="images/lt1.gif" style=" margin-top:4px"></a><br> 


ale wyświetla obok obrazka

[Pedro84]

Użyć głowy, hasła dostałeś. Dziwne, żeby Ci nie wyświetlał koło obrazka... Pojęcie masz mniej niż mizerne.

http://www.google.pl/search?hl=pl&client=firefox-a&hs=PGP&rls=org.mozilla%3Apl%3Aofficial&q=html+list&aq=f&aqi=&aql=&oq=&gs_rfai=
http://www.google.pl/search?hl=pl&client=firefox-a&hs=Kb4&rls=org.mozilla%3Apl%3Aofficial&q=html+list+element+background&aq=f&aqi=&aql=&oq=&gs_rfai=

[matusk24]

myślisz że nie szukałem ale te sposoby które próbowałem nie wypaliły, tak więc nie wywyższaj się nade mną i jak masz pomóc to pomóż a jak nie to poprostu nie pisz w tym temacie.

[Dhofca]

Musisz zrobić menu zbudowane za pomocą listy. Wygląda to tak:

Kod:

<ul id="menu">
<li><a href="link.html">Newsy</a></li>
<li><a href="link.html">Silniki</a></li>
<li><a href="link.html">Poduchy powietrzne</a></li>
</ul>

W css dodajesz tło do elementów listy.

Kod:

#menu li {
width: 100px;
height: 20px;
background: url('obrazek.jpg') no-repeat;
}

Reasumując. Nie musisz ustawiać tekstu na obrazku tylko ustawiasz tło elementu, w którym wpisuyjesz tekst. Oczywiście atrybuty takie jak: width, height zmieniasz wg. potrzeb.