Реклама на сайте Advertise with us

Коряво выводятся фотки в галерее

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:
+ + +


С нами с 28.09.03
Сообщения: 1269
Рейтинг: 227

Ссылка на сообщениеДобавлено: 11/04/16 в 20:21       Ответить с цитатойцитата 

подскажите что в файле стилей прописать что бы фотки выводились по горизонтале

нужно что бы было так:

0
 



С нами с 23.06.14
Сообщения: 931
Рейтинг: 190

Ссылка на сообщениеДобавлено: 12/04/16 в 04:10       Ответить с цитатойцитата 

Надо им задать стиль либо float: left; либо display: inline-block; vertical-align: top;

4
 
+ + +


С нами с 28.09.03
Сообщения: 1269
Рейтинг: 227

Ссылка на сообщениеДобавлено: 12/04/16 в 16:59       Ответить с цитатойцитата 

sx88 писал:
Надо им задать стиль либо float: left; либо display: inline-block; vertical-align: top;

спасибо, добавил в атрибуты тега IMG float: left; теперь выглядит так:

как теперь сделать что бы между фотками было пространство?, пробовал добавить margin: 10; padding: 10; чет не помогло

0
 



С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760


Передовик Master-X (01.03.2005) Передовик Master-X (16.03.2005) Передовик Master-X (16.10.2016) Передовик Master-X (01.11.2016) Передовик Master-X (16.11.2016) Ветеран трепа Master-X (01.12.2016)
Ссылка на сообщениеДобавлено: 12/04/16 в 17:08       Ответить с цитатойцитата 

экстрасенсы на тнт smail101.gif
фотки выводятся как задано css-ом, если не нравится выдача - проблема в верстке

0
 
+ + +


С нами с 28.09.03
Сообщения: 1269
Рейтинг: 227

Ссылка на сообщениеДобавлено: 12/04/16 в 18:49       Ответить с цитатойцитата 

SAV писал:
экстрасенсы на тнт smail101.gif
фотки выводятся как задано css-ом, если не нравится выдача - проблема в верстке

вот файл стилей и шаблон вывода публикации WP http://rghost.ru/8HPCgBxR2
если есть желание подскажите плз что подправить что бы галерея нормально выводилась

0
 



С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760


Передовик Master-X (01.03.2005) Передовик Master-X (16.03.2005) Передовик Master-X (16.10.2016) Передовик Master-X (01.11.2016) Передовик Master-X (16.11.2016) Ветеран трепа Master-X (01.12.2016)
Ссылка на сообщениеДобавлено: 12/04/16 в 19:33       Ответить с цитатойцитата 

Ryz: от урла толку больше будет

0
 
+ + +


С нами с 28.09.03
Сообщения: 1269
Рейтинг: 227

Ссылка на сообщениеДобавлено: 12/04/16 в 19:48       Ответить с цитатойцитата 

SAV писал:
Ryz: от урла толку больше будет

урла нет, пока что локально тестирую

0
 



С нами с 23.06.14
Сообщения: 931
Рейтинг: 190

Ссылка на сообщениеДобавлено: 13/04/16 в 02:51       Ответить с цитатойцитата 

margin: 10; ты задавал, а надо указывать в пикселях или процентах. Сделай margin: 10px; icon_wink.gif должно заработать

но они все равно будут немного к левому краю клеиться, лучше убери float: left; а добавь display: inline-block; vertical-align: top; margin: 20px 10px 0 10px;

А основному блоку, в котором находятся картинки, добавь стиль text-align: center;

Тогда они будут по центру.

5
 
+ + +


С нами с 28.09.03
Сообщения: 1269
Рейтинг: 227

Ссылка на сообщениеДобавлено: 13/04/16 в 14:34       Ответить с цитатойцитата 

sx88 писал:
margin: 10; ты задавал, а надо указывать в пикселях или процентах. Сделай margin: 10px; icon_wink.gif должно заработать

во!, отлично smail54.gif теперь выглядит идеально

sx88 писал:

лучше убери float: left; а добавь display: inline-block; vertical-align: top; margin: 20px 10px 0 10px;

пробовал но все равно почему то фотки выводятся по вертикали, меня впринципе и первый вариант вполне устраивает.. спасибо

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »