Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать открытие картинок в аякс окне на форуме ... (Открытие картинок в аякс окне. uCoz, JavaScript.)
Как сделать открытие картинок в аякс окне на форуме ...
Дата: Четверг, 01.07.2010, 00:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Тема про превьюшко, картинки при клике ......... и прочее - в таком духе ... на тему «как» ...

 
Дата: Среда, 12.10.2011, 21:13 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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;}

...


 
Дата: Среда, 12.10.2011, 22:03 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Поставила код
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;}
. Поменяла и размеры уменьшенного изображения на 104х104. Вот что получилось .Но мне бы хотелось чтобы рамка НЕ менялась в зависимости от от фотки, а имела постоянный размер.
А с этим кодом
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
 
Дата: Четверг, 13.10.2011, 00:18 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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 ...


Как вы себе это представляете? Либо полу пустые квадраты, либо картинка не умещается в отведённый под неё бокс ...

... Может проще воспользоваться таблицей? ...

Прикрепления: 0517447.png (16.3 Kb) · 2051293.png (18.5 Kb)

 
Дата: Четверг, 13.10.2011, 13:52 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Добрый день, likbezz!
Спасибо за помощь. Все получилось. smile
Картинки "разноцветные", потому как добавляла их на разных уменьшенных размерах(подбирала оптимальный). Сейчас он 112х112.
Но у меня появились 2 проблемки:
1. В Mozillе нет рамок.
2.В Explorer меню и информеры уехали в самый низ на всех страницах, кроме страницы комментов. Проверила все материалы.
Как это исправить? подскажите, плз.


Сообщение отредактировал Diz6942 - Четверг, 13.10.2011, 14:05
 
Дата: Четверг, 13.10.2011, 17:43 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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;}

Чтобы умещалось пять картинок в ряд и не смещалось меню...


 
Дата: Четверг, 13.10.2011, 18:01 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Quote
В смысле “нет рамок”?
Нет рамок на фотках,если заходить ко мне на сайт через Мозиллу. sad
Остальное щас буду исправлять! Спасибо! smile


Сообщение отредактировал Diz6942 - Четверг, 13.10.2011, 21:08
 
Дата: Четверг, 13.10.2011, 21:12 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diz6942,
Quote (Diz6942)
Нет рамок на фотках,если заходить ко мне на сайт через Мозиллу.







... У вас по другому? ...

Прикрепления: 5755490.png (19.3 Kb) · 6271913.png (23.9 Kb) · 2402007.png (27.6 Kb)

 
Дата: Четверг, 13.10.2011, 21:17 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Quote
... У вас по другому? ...
Да...... У меня серых рамок НЕТ.... И что это может означать?


 
Дата: Четверг, 13.10.2011, 21:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diz6942,
Quote (Diz6942)
Да...... У меня серых рамок НЕТ.... И что это может означать?

Хороший вопрос ...
Какая версия мозиллы?
...


 
Дата: Четверг, 13.10.2011, 21:29 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Quote
Какая версия мозиллы?
Версия 3.5.5


 
Дата: Четверг, 13.10.2011, 21:36 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diz6942,
Quote (Diz6942)
Версия 3.5.5

В ауте.
Даже у меня такой старой нет ....
Обновляем.
Остерегайтесь любых сборок браузеров!!, пользуйтесь только официальными версиями браузеров, с сайтов разработчиков.
...


 
Дата: Четверг, 13.10.2011, 21:53 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Quote
В ауте.
Даже у меня такой старой нет ....
biggrin biggrin А мы такие!!!!!! biggrin
Это мне на днях виндоус переустанавливали. Мало того,что эксплорер поставили шестую версию, так еще и с мозиллой подставили.
А мастеру по устаревшим версиям я ОБЯЗАТЕЛЬНО перезвоню, если до утра запал не пропадет biggrin


 
Дата: Четверг, 13.10.2011, 22:36 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diz6942,
Quote (Diz6942)
А мастеру по устаревшим версиям я ОБЯЗАТЕЛЬНО перезвоню, если до утра запал не пропадет

Интересно, откуда такие берутся .... )
Шестой ИЕ - это понятно, для разработчиков иногда полезная вещь, а вот устаревшая версия мозиллы ... Это как-то ... странно.
Сам пользуюсь 3,6 - так как нужно, но установлена ещё и свежая версия, так как тоже нужно ... )
Позвоните, или установите сами - ничего сложного в этом нет, абсолютно.
Firefox_Setup_v3.6.13 ...
Самая лучшая, на мой взгляд, версия.
...

Хотя, знаете, рамочки и из-под 3,5,5 отлично просматриваются ....



Может просто закэшировалась страница - попробуйте почистить кэш браузера.
Как почистит кэш в популярных браузерах? (Инструкция в картинках как почистит кэш ....)
...

Прикрепления: 7217817.png (25.0 Kb)

 
Дата: Четверг, 13.10.2011, 23:19 |
Diz6942
Лейтенант
Группа: Проверенные
Сообщений: 50
Награды: 0
Репутация: 0
Статус: Offline


Попробую почистить.
А рамочки получились супер! Спасибо! Только, наверное, их нужно будет еще чуть-чуть уменьшить. Т.к. в мозилле они не выстраиваются по 5 в ряд. Я правильно мыслю? smile


 
Дата: Четверг, 13.10.2011, 23:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Diz6942,
Quote (Diz6942)
А рамочки получились супер! Спасибо! Только, наверное, их нужно будет еще чуть-чуть уменьшить. Т.к. в мозилле они не выстраиваются по 5 в ряд. Я правильно мыслю?

Верно мыслите, так же не следует забывать о полях отступах (margin, padding) и бордере (border), которые учитываются при указании размеров, в зависимости от доктайпа ...
Box model — блочная модель
...


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать открытие картинок в аякс окне на форуме ... (Открытие картинок в аякс окне. uCoz, JavaScript.)
Поиск:


Мобильная версия