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



 

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

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


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

Группа: Active User
Сообщений: 547
Регистрация: 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
Сообщений: 330
Регистрация: 11.7.2014
Из: Харьков
Поблагодарили: 104 раза
Репутация:   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
Сообщений: 547
Регистрация: 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
Сообщений: 3544
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2881 раз
Репутация:   294  


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

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


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


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


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

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


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


Бывалый
****

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


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыHTML/CSS обучение верстке сайтов с профессиональным подходом
0 Smile3D 213 Вчера, 20:38
автор: Smile3D
Открытая тема (нет новых ответов) Интеграция html на Wordpress
8 mxxx 1375 16.5.2018, 18:06
автор: Chezarius
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 401 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Вёрстка HTML-писем
15 Vampler 4679 7.5.2018, 21:10
автор: Vampler
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 647 3.5.2018, 22:32
автор: _fan_


 



RSS Текстовая версия Сейчас: 28.5.2018, 9:31
Дизайн