X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Составление html таблицы, Таблица с картинками
stixia007
stixia007
Topic Starter сообщение 6.8.2014, 13:35; Ответить: stixia007
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 537
Регистрация: 23.2.2013
Поблагодарили: 19 раз
Репутация:   1  


Всем здрасте. Вопрос пустяк, подскажите тег который уменьшал бы все картинки на % в моей таблице? А то они большие получились и не влезают. Лучше в процентах и на все сразу если возможно.

Вот обычная таблица:

Код
<table border="1" height="100" width="900">
<tr>
<td>[center][b]Сила (Sentinel)[/b][/center]
[img]http://Сайт.ru/uploads/posts/2014-08/1407316309_admiral.jpg[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316400_alchemist.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316336_bradwarden.jpg[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316307_earthshaker.jpg[/img]
[img]http://Сайт.ru/uploads/posts/2014-08/1407316380_panda.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316344_protector.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316400_purist.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316375_rexxar.jpg[/img]
[img]http://Сайт.ru/uploads/posts/2014-08/1407316338_sven.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316388_tauren.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316356_tiny.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316394_visp.jpg[/img]</td>
<td>[center][b]Ловкость (Sentinel)[/b][/center]
[img]http://Сайт.ru/uploads/posts/2014-08/1407316927_luna.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316943_magina.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407317024_mirana.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407317002_morf.gif[/img]
[img]http://Сайт.ru/uploads/posts/2014-08/1407316974_naga.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316961_phantom.jpg[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316992_rikimaru.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407316990_sniper.gif[/img]
[img]http://Сайт.ru/uploads/posts/2014-08/1407317001_syllabear.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407317003_troll.jpg[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407317012_vert.gif[/img][img]http://Сайт.ru/uploads/posts/2014-08/1407317016_yurnero.gif[/img]</td>
<td>Третья ячейка первого ряда</td>
</tr>
<tr>
<td>Первая ячейка второго ряда</td>
<td>Вторая ячейка второго ряда</td>
<td>Третья ячейка второго ряда</td>
</tr>
</table>


Сообщение отредактировал stixia007 - 6.8.2014, 13:37
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Caterpillar
Caterpillar
сообщение 6.8.2014, 13:39; Ответить: Caterpillar
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 315
Регистрация: 11.7.2014
Из: Харьков
Поблагодарили: 96 раз
Репутация:   10  


stixia007, внутри img вписать width=ширина в пикселях и height=высота в пикселях
Это надо сделать в настройках ББкода. Создайте новый ББ шаблон для этих картинок и используйте, если они типовые

Сообщение отредактировал Caterpillar - 6.8.2014, 13:40


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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 6.8.2014, 13:43; Ответить: stixia007
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 537
Регистрация: 23.2.2013
Поблагодарили: 19 раз
Репутация:   1  


Caterpillar, да это прописывать надо в каждой картинке, так то я это знаю. Я хотел бы один тег вставить в таблицу чтоб он автоматом уменьшил все картинки по % или px.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 6.8.2014, 13:44; Ответить: x64
Сообщение #4


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3426
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2749 раз
Репутация:   289  


css может сделать такое
Код
table img {width:30%;}

но вряд ли все картинки одинаковые. поэтому можно задать ширину (или высоту), другая сторона отмасштабируется сама:
Код
table img {width:200px;}


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


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 6.8.2014, 15:05; Ответить: stixia007
Сообщение #5


Завсегдатай
*****

Группа: Active User
Сообщений: 537
Регистрация: 23.2.2013
Поблагодарили: 19 раз
Репутация:   1  


Всё спасиб всем разобрался.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Caterpillar
Caterpillar
сообщение 6.8.2014, 15:49; Ответить: Caterpillar
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 315
Регистрация: 11.7.2014
Из: Харьков
Поблагодарили: 96 раз
Репутация:   10  


stixia007, если у вас картинки вставляются ББ кодом и одинаковые по размеру во всех публикациях, реально - добавьте отдельный шаблон и работайте с ним вообще без мороки.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вёрстка. Per aspera ad html.
С радостью принимаю заказы по вёрстке.
3 ValeryRar 451 1.12.2017, 11:02
автор: ValeryRar
Открытая тема (нет новых ответов) Исправлю HTML ошибки на страницах Вашего сайта
10 guruapps 1197 30.11.2017, 22:59
автор: maxim1249
Горячая тема (нет новых ответов) HTML-вёрстка по доступной цене
30 graycat777 11477 25.11.2017, 23:56
автор: graycat777
Открытая тема (нет новых ответов) Ядро Пузатское | Составление семантики: парсинг, чистка, группировка, тз
Составление семантики: парсинг, чистка, группировка, тз
0 msbot 441 5.11.2017, 12:00
автор: msbot
Горячая тема (нет новых ответов) [предлагаю] Качественные услуги по PHP/HTML/CSS/JS, любые движки
Услуги программирования
31 Alexandr_js 10047 2.11.2017, 16:36
автор: gretskov


 



RSS Текстовая версия Сейчас: 16.12.2017, 0:09
Дизайн