Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 23 Ответов
  • 15206 Просмотров
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
Поместил изображение в div, прописал vertical-align: middle; не работает.
Подскажите как выровнять изображение по вертикали
« Последнее редактирование: 31.05.2014, 19:43:00 от Негодяй »
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
вам div выровнять или img?

в саму картинку можно прописать <img **** align="middle">
или в стилях для изображения
"тут ваш клас/ид div" img {
display:inline-block;
vertical-align:middle;
}

ну и размеры не забывайте/отступы задавать
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
этот алигн не везде пашет, я отступами делаю, ведь размеры картинки известны заранее? на край отступ : ауто ауто.
должны быть известны, ибо картинка - это такая штука, которую надо как хошь приводить к одному размеру, иначе будет идейный разброд и шатание)))))
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
@verstalshik пашет align везде просто его Неправильно прописывают или высоту не указывают или не тот блок центруют, на счет отстуков тоже верно ими проще но если это картинка одна и где то там где не понятно и зачем, с текстом и прочими элементами, тут уж для красоты без которой не обойтись выход ищется по разному, каждый по своему, а результат все равно один и тот же
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
вам div выровнять или img?

в саму картинку можно прописать <img **** align="middle">
или в стилях для изображения
"тут ваш клас/ид div" img {
display:inline-block;
vertical-align:middle;
}

ну и размеры не забывайте/отступы задавать

Не работает! Сайт www.nadosku.info
Изображения к объявлениям на главной
« Последнее редактирование: 31.05.2014, 23:04:58 от Негодяй »
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Не работает! Сайт www.nadosku.info
Изображения к объявлениям на главной
Не вижу смысла выравнивать здесь картинки по вертикали. Прибитые у верхней границе смотрятся лучше.
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
Не работает! Сайт www.nadosku.info
Изображения к объявлениям на главной
http://www.nadosku.info/templates/protostar/css/template.css (строка 1798)
Код
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #FCFCFC;
}
добавляем  vertical-align: middle;
Код
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #FCFCFC;
    vertical-align: middle;
}
и получаем желаемый результат
и еще в строке 73
http://www.nadosku.info/components/com_adsmanager/css/adsmanager.css
в пустой класс вписать vertical-align: middle; сейчас он там отсутствует получите вот такое
Код
table.adsmanager_table td {
    vertical-align: middle;
}
само фото строка 869 http://www.nadosku.info/components/com_adsmanager/css/adsmanager.css
убрать height и будет красиво с рамкой во круг, а высоту если требуется то можно столбцу назначить или не назначать вообще
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
Не вижу смысла выравнивать здесь картинки по вертикали. Прибитые у верхней границе смотрятся лучше.

По центру бы лучше смотрелось

*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
http://www.nadosku.info/templates/protostar/css/template.css (строка 1798)
Код
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #FCFCFC;
}
добавляем  vertical-align: middle;
Код
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #FCFCFC;
    vertical-align: middle;
}
и получаем желаемый результат
и еще в строке 73
http://www.nadosku.info/components/com_adsmanager/css/adsmanager.css
в пустой класс вписать vertical-align: middle; сейчас он там отсутствует получите вот такое
Код
table.adsmanager_table td {
    vertical-align: middle;
}
само фото строка 869 http://www.nadosku.info/components/com_adsmanager/css/adsmanager.css
убрать height и будет красиво с рамкой во круг, а высоту если требуется то можно столбцу назначить или не назначать вообще

Что-то не работает. Выравнивается текст, а нужно только фото по центру дива выровнить
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
Что-то не работает. Выравнивается текст, а нужно только фото по центру дива выровнить
видимо что то не то делаете, проверял на вашем сайте и потом сюда размещал, даже строки в файлах указал, это уже уж для вас очень просто, осталось все правильно в файл вставить и смотреть результат
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
видимо что то не то делаете, проверял на вашем сайте и потом сюда размещал, даже строки в файлах указал, это уже уж для вас очень просто, осталось все правильно в файл вставить и смотреть результат
Так текст по центру выравнивается, а нужно только фото по центру дива выровнить. Это возможно или нужно таблицами делать?
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
а у вас там что не табличный вывод? ;D

http://www.nadosku.info/components/com_adsmanager/css/adsmanager.css (строка 64)
у вас пустое значение
Код
table.adsmanager_table td {
}
поставьте
Цитировать
table.adsmanager_table td {
    vertical-align: middle;
}
и учите верстку, все проще не куда знание восьмиклассника у которого учитель информатики нормальный
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
http://www.nadosku.info/components/com_adsmanager/css/adsmanager.css (строка 64)
у вас пустое значение
Код
table.adsmanager_table td {
}
поставьтеи учите верстку, все проще не куда знание восьмиклассника у которого учитель информатики нормальный
Вот поставил. Текст в других столбиках по центру встал, а изображение так и осталось
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Код: css
table.adsmanager_table td img {
vertical-align: middle;
display:inline-block;
}
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
Код: css
table.adsmanager_table td img {
vertical-align: middle;
display:inline-block;
}
Ничего не изменилось
« Последнее редактирование: 01.06.2014, 14:54:52 от Негодяй »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Дайте ссылку на страницу.
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
Сайт nadosku.info

Нужно изображение в центр рамки поставить
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Так надо?

Спойлер
[свернуть]

Код: css
.kolonka-foto div {height:auto;}
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
Вот так нужно
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Тогда всё ещё проще решается

Спойлер
[свернуть]

Код: css
.kolonka-foto a {line-height:69px;}
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
Shustry, Спасибо!
*

flyingspook

  • Живу я здесь
  • 3590
  • 247 / 9
@Негодяй, как наглядный урок для вас, на правильно заданный вопрос (с его подробным желательно описанием) быстрее получаете ответ, экономьте свое время и время других в следующий раз
*

Негодяй

  • Захожу иногда
  • 117
  • 9 / 1
В Opera 12.17 не работает
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Негодяй, у меня Opera 12.17. В ней и тестил.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В новом шаблоне не адаптируется изображение

Автор Ebelous

Ответов: 4
Просмотров: 2227
Последний ответ 13.02.2024, 17:01:12
от Vastriet
Увеличение изображение при наведении курсора в тизер выводе

Автор Crackyn

Ответов: 20
Просмотров: 7657
Последний ответ 26.11.2017, 17:28:43
от stendapuss
Как выровнять строку по вертикали (header)?

Автор Ferum1

Ответов: 4
Просмотров: 1381
Последний ответ 13.10.2016, 10:35:36
от Ferum1
Выровнить сайт по центру!

Автор Анна_pupu

Ответов: 5
Просмотров: 1581
Последний ответ 21.03.2016, 13:27:42
от Анна_pupu
изображение в разных браузерах

Автор Andrew92

Ответов: 7
Просмотров: 1366
Последний ответ 03.03.2016, 19:45:51
от effrit