Здравствуйте, в эфире передача кривая вёрстка и на повестке вопрос.
Кому и баста нет желания - закрываем.
Есть табличка, внутри неё 4 блока. Без таблицы не додумал как, потому что table-cell с margin не работают float:left display:inline не предлагать, так вот каждый блок - изображение размерами width и height. Причём размеры разные. Можно ли сделать так, чтобы высота была одна, а ширина каждого блока(изображения) подбиралась автоматически. Без всяких overflow hidden.
Причём вся табличка, разумеется вместе с контентом была резиновая? Или опять на помощь приходит JQuery?
Примечание:
Ты хотя бы код свой дай. А то так, как то сложно допетрить) Как я понял у тебя в таблице 4 блока, каждый из которых содержит Картинку, которую тебе в свою очередь надо растянуть по одинаковой ширине, при условии, что все размеры картинок разные, а высота одинаковая...
Попробуй установить высоту в каждой картинке одинаковую.. А, длину по 32% например, и будет тебе автоматически подбираться ширина)
P.S Скорее всего я не правильно понял ваш вопрос!
-------
Пробовал в итоге всё замечательно, но табличка в некоторых (мозила IE) браузерах теряет резиновость.
Наш золотой сайт stackoverflow выдал что при помощи css3 нельзя такое сделать. Может я неправильно понял?
Примечание:
<table style="margin:0 auto;width:100%;max-width:100%;">
<tr>
<td style="margin-right:10px;padding:5px;border:1px solid black;vertical-align:top;max-heght:131px">
<a href="1.html">
<img src="1.png" style="height:131px;width:auto;max-width:100%;min-height:100px">
</a>
</td>
<td style="margin-right:10px;padding:5px;border:1px solid black;vertical-align:top;max-heght:131px">
<a href="2.html">
<img src="2.png" style="height:131px;width:auto;max-width:100%;min-height:100px">
</a>
</td>
<td style="margin-right:10px;padding:5px;border:1px solid black;vertical-align:top;max-heght:131px">
<a href="3.html">
<img src="3.png" style="height:131px;width:auto;max-width:100%;min-height:100px">
</a>
</td>
<td style="margin-right:10px;padding:5px;border:1px solid black;vertical-align:top;max-heght:131px">
<a href="4.html">
<img src="4.png" style="height:131px;width:auto;max-width:100%;min-height:100px">
</a>
</td>
</tr>
</table>
Примечание:
С фиксированной высотой загвостка в том, что наступает момент при фиксированной высоте, когда суммарная ширина получившихся изображений превышает допустимую ширину блока.
Примечание:
Наводит на мысли что vk.com сделал так
http://stackoverflow.com/questions/9576324/fixed-image-width-and-height-but-the-height-to-be-cut
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.