ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / загнать IMG в TABLE или TD определенно вписать и обрезать
6 сообщений из 6, страница 1 из 1
загнать IMG в TABLE или TD определенно вписать и обрезать
    #39356074
yemets63
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yemets63
Участник
привет.

банально, но подсобите кодом, ни как не могу, плавает как то не так
надо на CSS, для браузеров IE, Chrome, Mozilla.

надо вписать картинку IMG по ширине TD, возможность выравнять картинку по верху, низу или центру, но то что не вписывается по высоте TD обрезать

спасибо
...
Рейтинг: 0 / 0
28.11.2016, 15:57
| Ответить | Цитировать | Написать  
загнать IMG в TABLE или TD определенно вписать и обрезать
    #39356097
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
yemets63,

надо именно картинку или можно фоном в див положить?
...
Рейтинг: 0 / 0
28.11.2016, 16:19
| Ответить | Цитировать | Написать  
загнать IMG в TABLE или TD определенно вписать и обрезать
    #39356315
yemets63
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yemets63
Участник
я не хочу в DIV, там все хорошо, я хочу в TD засунуть IMG фоном, но!, по ширине выравнивать IMG width= TD width
а по высоте ALIGN (верх низ или середина) но превышающее IMG height относительно TD height обрезать
...
Рейтинг: 0 / 0
28.11.2016, 19:42
| Ответить | Цитировать | Написать  
загнать IMG в TABLE или TD определенно вписать и обрезать
    #39356340
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
yemets63,

тогда как-то так надо действовать
Код: html
1.
2.
3.
4.
5.
6.
7.
...
<td style="position: relative; width: 200px;">
    <div style="position: absolute; top: 0; left: 0; width:100%; height: 100%; overflow: hidden;">
       <img alt="" width="100%" style="position: absolute; left: 0; /* top: 0; */ bottom: 0"/>
    </div>
</td>
...


ну и по центру картинку мне в голову не приходит как выравнивать. может вместе топ и боттом задать.
...
Рейтинг: 0 / 0
28.11.2016, 20:07
| Ответить | Цитировать | Написать  
загнать IMG в TABLE или TD определенно вписать и обрезать
    #39356357
yemets63
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yemets63
Участник
mage.lan,

ну да, но стоит подергать браузер и пипец, все кудо по смоему перекроилось, при том иногда все хорошо, а иногда так вылезет, что хуже DIV когда слетает за пределы страниц.
...
Рейтинг: 0 / 0
28.11.2016, 20:40
| Ответить | Цитировать | Написать  
загнать IMG в TABLE или TD определенно вписать и обрезать
    #39356643
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
yemets63mage.lan,

ну да, но стоит подергать браузер и пипец, все кудо по смоему перекроилось, при том иногда все хорошо, а иногда так вылезет, что хуже DIV когда слетает за пределы страниц.

Стили, которые я вам написал для наглядности - нужно убрать в классы.

То, что вы описываете, похоже на недостаток производительности компьютера, либо очень тяжелые/большие картинки.

Посмотреть негде, чтобы понять что происходит?
...
Рейтинг: 0 / 0
29.11.2016, 11:17
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / загнать IMG в TABLE или TD определенно вписать и обрезать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]