VPF::Изменение размера фоновой картинки

shurup_312

Дата 27.11.2007, 12:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 81
Регистрация: 27.3.2007

Репутация: нет
Всего: нет

народ, как нить это вообще мона реализовать? поменять размер фоновой картинки... задача вот просто какая:
менюшка, пункты сделаны ячейками таблицы... в каждой ячейке (пункт меню) стоит картинка фоном. при изменениии размера страницы естессна яцейка тоже меняет размер (потому как размер был задан в поцентах) и теперь уже размер фоновой картинки не равер размеру ячейки, а это естессна заметно. А картинка именно фоном должны быть потому как у пункта надпись должна быть именно текстом. То есть низя в ячейку посавить просто картинку с текстом... кароч что подскажете...
как сделать пункт меню с картинкой на фоне, но сама линка текстом и чтобы это все намана смотрелось при разном разрешении...

Astraller

Дата 27.11.2007, 15:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5

shurup_312, таки вопрос в раздел вёрстки, но...
Вижу 2 решения:
1) Сделать таблицу фиксированной ширины. (переверстать другой дизайн)
2) Сделать видимость фона, т.е.:

Код


<table>
<tbody>
<tr>
<td style='width:100px;height:20px;'>
<img src='img.png' style='width:100px;height:20px;'>
<div style='width:100px;height:20px;top-margin=-20px;'>Йа менюшко</div>
</td>
</tr>
</tbody>
</table>

--------------------

A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair

shurup_312

Дата 27.11.2007, 16:37 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 81
Регистрация: 27.3.2007

Репутация: нет
Всего: нет

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

Astraller

Дата 27.11.2007, 17:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 300
Регистрация: 1.8.2007
Где: $Украина[Кры м]->Феодосия

Репутация: 2
Всего: 5

shurup_312,
можно сделать так, идея не пострадает:

Код


<table>
<tbody>
<tr>
<td style='height:20px;'>
<img src='img.png' style='width:100%;height:20px;'>
<div style='height:20px;top-margin=-20px;'>Йа менюшко</div>
</td>
</tr>
</tbody>
</table>

--------------------

A.S.T.R.A.L.L.E.R.: Artificial Synthetic Technician Responsible for Assassination, Logical Learning and Efficient Repair

shurup_312

Дата 28.11.2007, 06:32 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 81
Регистрация: 27.3.2007

Репутация: нет
Всего: нет

Цитата(Astraller @ 27.11.2007, 17:20)

shurup_312,
можно сделать так, идея не пострадает:

Код


<table>
<tbody>
<tr>
<td style='height:20px;'>
<img src='img.png' style='width:100%;height:20px;'>
<div style='height:20px;top-margin=-20px;'>Йа менюшко</div>
</td>
</tr>
</tbody>
</table>

о пасиб, вот так очень даже ничего должно получиться... проверю.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »