Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
tekst na obrazku - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: tekst na obrazku (/thread-tekst-na-obrazku)



tekst na obrazku - matusk24 - 12-07-2010

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



RE: tekst na obrazku - Pedro84 - 12-07-2010

Jaki tekst?


RE: tekst na obrazku - Marcin - 12-07-2010

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


RE: tekst na obrazku - matusk24 - 13-07-2010

[Obrazek: ohreo6.jpg]

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.


RE: tekst na obrazku - Pedro84 - 13-07-2010

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


RE: tekst na obrazku - matusk24 - 13-07-2010

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


RE: tekst na obrazku - Pedro84 - 13-07-2010

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=


RE: tekst na obrazku - matusk24 - 13-07-2010

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.


RE: tekst na obrazku - Dhofca - 13-07-2010

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.