|
Как сделать открытие картинок в аякс окне на форуме ...
|
|
| [1] likbezz [01.07.2010, 00:28] |
|
Тема про превьюшко, картинки при клике ......... и прочее - в таком духе ... на тему «как» ... |
|
| [46] likbezz [12.10.2011, 21:13] |
Diz6942, Quote (Diz6942) А результат 0
Упс ...
Code div.imgBox a{display:table-cell;width:208px;height:208px;background-color:#CCC;text-align:center;border:1px solid #999;vertical-align:middle;}
div.imgBox a img{margin:4px;}
Не «boxImg», а «imgBox» ... )
...
И не забываем о других стилях, прописанных у вас изображениям в блоках «eMessage»:
Code .eMessage img, .eText img {background: #fff; padding: 4px !important; border-bottom: 1px solid #ccc !important; margin: 5px !important;}
... |
|
| [47] Diz6942 [12.10.2011, 22:03] |
Поставила код Code div.imgBox a{display:table-cell;width:104px;height:104px;background-color:#CCC;text-align:center;border:1px solid #999;vertical-align:middle;}
div.imgBox a img{margin:4px;}
А с этим кодом Code .eMessage img, .eText img {background: #fff; padding: 4px !important; border-bottom: 1px solid #ccc !important; margin: 5px !important;}
Сообщение отредактировал Diz6942 - Среда, 12.10.2011, 23:20 |
|
| [48] likbezz [13.10.2011, 00:18] |
Diz6942, Quote (Diz6942) Но мне бы хотелось чтобы рамка НЕ менялась в зависимости от от фотки, а имела постоянный размер.
Пропишите вот так, например ....
Code div.imgBox{width:660px;clear:both;overflow:hidden;}
div.imgBox a{display:block;float:left;width:126px;height:126px;line-height:125px;background-color:#CCC;text-align:center;border:1px solid #999;vertical-align:middle;margin-right:3px;margin-bottom:3px;}
div.imgBox a img{display:inline;}
А вообще, у вас картинки разноцветные - в смысле размеров ....
Начиная от 133px × 200px
и заканчивая 109px × 65px ...
Как вы себе это представляете? Либо полу пустые квадраты, либо картинка не умещается в отведённый под неё бокс ...
... Может проще воспользоваться таблицей? ...
|
|
| [49] Diz6942 [13.10.2011, 13:52] |
Добрый день, likbezz!
Спасибо за помощь. Все получилось. 
Картинки "разноцветные", потому как добавляла их на разных уменьшенных размерах(подбирала оптимальный). Сейчас он 112х112.
Но у меня появились 2 проблемки:
1. В Mozillе нет рамок.
2.В Explorer меню и информеры уехали в самый низ на всех страницах, кроме страницы комментов. Проверила все материалы.
Как это исправить? подскажите, плз.
Сообщение отредактировал Diz6942 - Четверг, 13.10.2011, 14:05 |
|
| [50] likbezz [13.10.2011, 17:43] |
Diz6942, Quote (Diz6942) Картинки "разноцветные", потому как добавляла их на разных уменьшенных размерах(подбирала оптимальный). Сейчас он 112х112.
Тогда можно прописать хотя бы максимально допустимые размеры по высоте и ширине, для картинок ...
Code max-width:110px!important;max-height:110px!important;
По материалу: Ограничение размеров любых изображений на форуме
...
Quote (Diz6942) Но у меня появились 2 проблемки:
1. В Mozillе нет рамок.
В смысле “нет рамок”?
Quote (Diz6942) 2.В Explorer меню и информеры уехали в самый низ на всех страницах, кроме страницы комментов. Проверила все материалы.
Как это исправить? подскажите, плз.
Вот этот параметр сделайте чуть меньше:
Quote (CSS) div.imgBox{width:660px;clear:both;overflow:hidden;}
Чтобы умещалось пять картинок в ряд и не смещалось меню... |
|
| [51] Diz6942 [13.10.2011, 18:01] |
Quote В смысле “нет рамок”? 
Остальное щас буду исправлять! Спасибо!
Сообщение отредактировал Diz6942 - Четверг, 13.10.2011, 21:08 |
|
| [52] likbezz [13.10.2011, 21:12] |
Diz6942, Quote (Diz6942) Нет рамок на фотках,если заходить ко мне на сайт через Мозиллу.
... У вас по другому? ...
|
|
| [53] Diz6942 [13.10.2011, 21:17] |
Quote ... У вас по другому? ... |
|
| [54] likbezz [13.10.2011, 21:26] |
Diz6942, Quote (Diz6942) Да...... У меня серых рамок НЕТ.... И что это может означать?
Хороший вопрос ...
Какая версия мозиллы?
... |
|
| [55] Diz6942 [13.10.2011, 21:29] |
Quote Какая версия мозиллы? |
|
| [56] likbezz [13.10.2011, 21:36] |
Diz6942, Quote (Diz6942) Версия 3.5.5
В ауте.
Даже у меня такой старой нет ....
Обновляем.
Остерегайтесь любых сборок браузеров!!, пользуйтесь только официальными версиями браузеров, с сайтов разработчиков.
... |
|
|
| [58] likbezz [13.10.2011, 22:36] |
Diz6942, Quote (Diz6942) А мастеру по устаревшим версиям я ОБЯЗАТЕЛЬНО перезвоню, если до утра запал не пропадет
Интересно, откуда такие берутся .... )
Шестой ИЕ - это понятно, для разработчиков иногда полезная вещь, а вот устаревшая версия мозиллы ... Это как-то ... странно.
Сам пользуюсь 3,6 - так как нужно, но установлена ещё и свежая версия, так как тоже нужно ... )
Позвоните, или установите сами - ничего сложного в этом нет, абсолютно.
☑ Firefox_Setup_v3.6.13 ...
Самая лучшая, на мой взгляд, версия.
...
Хотя, знаете, рамочки и из-под 3,5,5 отлично просматриваются ....
Может просто закэшировалась страница - попробуйте почистить кэш браузера.
Как почистит кэш в популярных браузерах? (Инструкция в картинках как почистит кэш ....)
...
|
|
| [59] Diz6942 [13.10.2011, 23:19] |
Попробую почистить.
А рамочки получились супер! Спасибо! Только, наверное, их нужно будет еще чуть-чуть уменьшить. Т.к. в мозилле они не выстраиваются по 5 в ряд. Я правильно мыслю? |
|
| [60] likbezz [13.10.2011, 23:48] |
Diz6942, Quote (Diz6942) А рамочки получились супер! Спасибо! Только, наверное, их нужно будет еще чуть-чуть уменьшить. Т.к. в мозилле они не выстраиваются по 5 в ряд. Я правильно мыслю?
Верно мыслите, так же не следует забывать о полях отступах (margin, padding) и бордере (border), которые учитываются при указании размеров, в зависимости от доктайпа ...
Box model — блочная модель
... |
|
