Изображение - текст???

Post Reply
User avatar
gLaVoReZa
Много Редовен
Много Редовен
Posts: 1704
Joined: Wed May 10, 2006 3:37 pm
Answers: 72
Location: гр. София

Изображение - текст???

Post by gLaVoReZa » Mon Jun 05, 2006 6:35 am

Искам да попитам - как мога да сложа текст, върху дадено изображение, например тук :

Code: Select all

<a href="#"><img src="btn.jpg">
Как да поставя текст върху самия бутон?

nvidia
Турист
Турист
Posts: 233
Joined: Sun Sep 25, 2005 10:14 pm

Post by nvidia » Mon Jun 05, 2006 9:15 am

Слагаш картинката като фон.
После пишеш върху нея каквото и където искаш.
Може да е зададено като фон на таблица или div.

User avatar
mute
Шаман
Шаман
Posts: 3127
Joined: Sun Sep 25, 2005 10:14 pm
Answers: 167
Location: between mind & heart
Contact:

Post by mute » Mon Jun 05, 2006 9:44 am

ето пример как става
<div style="background:url('картинката.jpg') no-repeat; width:600px; height:100px;">TEXT TEXT i text i text i text i text</div>

DEMO

User avatar
NetCutter
Потребител
Потребител
Posts: 1242
Joined: Mon Jan 09, 2006 9:54 am
Location: In Your Hard Drive!!!
Contact:

Post by NetCutter » Mon Jun 05, 2006 9:58 am

Оффф,верно бе,как можах да забравя :oops:

User avatar
LiRiX
Шаман
Шаман
Posts: 4330
Joined: Fri Mar 31, 2006 8:52 am
Answers: 165
Location: Търговище

Post by LiRiX » Mon Jun 05, 2006 11:03 am

Най-лесно става с табличка.

Code: Select all

<div id="box2" style="height&#58; 140; width&#58; 140px; background-image&#58;url&#40;'&#91;b&#93;images/box2.png&#91;/b&#91;'&#41;; background-repeat&#58;repeat-y;"> text text text text </div>   

User avatar
gLaVoReZa
Много Редовен
Много Редовен
Posts: 1704
Joined: Wed May 10, 2006 3:37 pm
Answers: 72
Location: гр. София

Post by gLaVoReZa » Mon Jun 05, 2006 4:43 pm

Благодаря, много ми помогнахте! :wink:

User avatar
fena
Web-tourist
Web-tourist
Posts: 2612
Joined: Sun Sep 25, 2005 10:14 pm
Answers: 15

Post by fena » Mon Jun 05, 2006 5:59 pm

Много по-добре ще стане с фотошоп да го напишеш върху картинката :wink:

User avatar
NetCutter
Потребител
Потребител
Posts: 1242
Joined: Mon Jan 09, 2006 9:54 am
Location: In Your Hard Drive!!!
Contact:

Post by NetCutter » Tue Jun 06, 2006 10:00 am

Това е така ако ти трябва надписа да е с по-специални ефекти :wink:

Post Reply