Один див внутри другого

[Eridani]

Есть у меня кнопка:

<div id="req_but" style="text-align: right; padding-right:150px; padding-left:0;">
<a id="req_but" title="" href="./callback.php?iframe">
<img src="images/req_but.png" style="width:138px;height:28px;" alt="></a>
</div>

Как внутрь неё запихнуть текст с другим дивом?

Просто, если делать div class и создавать стиль в style.css, прописать там background и делать кнопку фоном, то это будет не то.

Я могу вставить другой див путем указания точных координат и прилепить его прямо на кнопку, но тогда это будут артефакты при свертывании экрана, этот текст не будет сворачиваться, если уменьшать броузер по горизонтали.

Проще говоря, нужен текст со своим стилем внутри img

Что делать?

Edited October 10, 2013 by Eridani

[Seldon]

Добрые день,

все-таки почему нельзя картинку у кнопки использовать бэкграундом?

[Eridani]

Добрые день,

все-таки почему нельзя картинку у кнопки использовать бэкграундом?

Мне было бы удобно контролировать ширину кнопки путем изменения в style внутри image, с бэкграундом такое не получится. Тем более, я не понимаю, как данный бэкграунд прибить к правому краю и сделать padding от него, чтобы кнопка при свертывании окна ехала по шапке, в которой она стоит.

[Eridani]

Для наглядности:

 #req_button {
text-align: right;
padding-right:150px;
padding-top:0;
z-index: 5;
}
</style>
<style>
#req_button_text {
text-align: right;
padding-right:150px;
padding-top:0;
z-index: 6;
}
</style>

<div id="req_button" style="req_button">
<img src="images/req_but.png" style="width:128px;height:28px;" alt=""></a>
<div id="req_call_text" style="req_call_text">
<img src="images/req_call_text.png" style="width:120px;height:13px;" alt=""></a>
</div></div>

Вот я и не пойму, как либо картинку с текстом запихнуть в кнопку, либо обычный текст внутри кнопки.

Edited October 10, 2013 by Eridani

[1121990]

Закинь куда-нибудь картинку кнопки и дай ссылку. Я напишу

[Eridani]

Закинь куда-нибудь картинку кнопки и дай ссылку. Я напишу

тут. только, желательно, чтобы текст внутри картинки тоже можно было обделать своим стилем.

Спасибо

[1121990]

Вот тебе три варианта. http://jsfiddle.net/39Jvh/1/ http://jsfiddle.net/39Jvh/2/ http://jsfiddle.net/39Jvh/3/

[Eridani]

Вот тебе три варианта. http://jsfiddle.net/39Jvh/1/ http://jsfiddle.net/39Jvh/2/ http://jsfiddle.net/39Jvh/3/

Спасибо огромное. Проблема решена