Надпис върху изображение

[madmax3]

Сега трябва да работи даже и с ИЕ.

 

[ReD_z0n3]

Да работи сега остава да си настроя размера 200 х 300

padding: 25px 0 10px 50px;

От тук трябва нали?

 

[lub4o]

Да работи сега остава да си настроя размера 200 х 300

padding: 25px 0 10px 50px;

От тук трябва нали?

Падинга показва колко да отдръпнеш текста като първо е горе дясно доло ляво тоест сега тук е отдръпнато от горе с 25px от доло 10px и от ляво 50 px дано си ме разбрал

 

[ReD_z0n3]

Вижте как ми се получава на 3 картинки а аз искам да е на 1

Да показва само най-отгоре на картинката меню и надоло линковете...

 

[lub4o]

Вижте как ми се получава на 3 картинки а аз искам да е на 1

Да показва само най-отгоре на картинката меню и надоло линковете...

Дай си кода трябва да задедеш височина дължина и да сложиш no-repeat;

 

[ReD_z0n3]

<style type="text/css">

a {
   color: red;
   text-decoration: none;
}

.imglink {

background: url('images/menu.png') no-repeat 30px 10px;   
padding: 10px 0 10px 10px;
text-align: left;
width: 180px;
display: block;
}
</style>

<div style="border:1px solid black;float:left;">
<a href="?а=1"><div class="imglink">Линк 1</div></a>
<a href="?а=2"><div class="imglink">Линк 2</div></a>
<a href="?а=3"><div class="imglink">Друг линк ..</div></a>
</div>

:?: :?:

 

[lub4o]

	<style type="text/css">

a {
   color: red;
   text-decoration: none;
}

.imglink {

background: url('images/menu.png') no-repeat 30px 10px;   
padding: 10px 0 10px 10px;
text-align: left;
width: 180px;
display: block;
height: тук задай височината на картинката
}
</style>

<div style="border:1px solid black;float:left;">
<a href="?а=1"><div class="imglink">Линк 1</div></a>
</div>

ето сега ще имаш едно прозорче. А там където съм написал height: задай височината на картинката

 

[ReD_z0n3]

Супер стана но сега има още един проблем :x цялата картинка го възприема като един линк а не върху картинката да има други линкове.

 

[_PHP_]

Е, въвеждай си href-чета вече вътре.

 

[lub4o]

 <style type="text/css">

a {
   color: red;
   text-decoration: none;
}

.imglink {

background: url('images/menu.png') no-repeat 30px 10px;   
padding: 10px 0 10px 10px;
text-align: left;
width: 180px;
display: block;
}
</style>

<div style="border:1px solid black;float:left;">
<a href="?а=1"><div class="imglink">Линк 1</div></a>
</div>

Я пробвай така

 

[madmax3]

Размени местата на div и a:
<div class="imglink"><a href="?q=1">Линк 1</a></div>

Виж пак примера. (с рефреш)