- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Что делать, если ваша email-рассылка попала в спам
10 распространенных причин и решений
Екатерина Ткаченко
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Что-то уже запарился, неужели в li не работает vertical-align: middle; ?
Помогаю доделать один сайт, так вот на странице описания товара есть куча превьюшек, например,
http://www.foto-cam.ru/catalog/videokamery/full-hd/sony-hdr-cx110e-black.html
Я в li задал, чтобы они были все размером 100 на 100, с рамкой. Вроде смотрится отлично), но один косяк мне не нравится. Не могу выровнять в этих li сами фотки по вертикали, думаю, так вообще смотрелось бы чтонадо.
Если нетрудно, может, кто подсказать, получится ли просто стилями решить эту проблему? Менять в вёрстке не хотелось бы ничего. Неужели vertical-align: middle; не прокатит?
Извиняюсь, неправильно сказал...
Извиняюсь, неправильно сказал...
Ну вот, я и не заметил. Иногда это лучше, чем ничего(.
Показалось, что вопрос у меня простой, но, видимо, я тоже ошибся)
+ шаманство с IE ниже 8 версии.
Сейчас в стиле у li прописано:
.product-info .images-list li {
float: left;
border: 1px solid #c7c2ab;
margin: 0 4px 4px 0;
display:inline;
height: 100px;
width: 100px;
vertical-align: middle;
}
display: teble-cell; vertical-align: middle;
это точно сработает?)
DyaDya добавил 24.11.2010 в 17:29
Делал так, не прокатило(. Ничего не изменялось в выводе.
.product-info .images-list li {
float: left;
border: 1px solid #c7c2ab;
margin: 0 4px 4px 0;
/* display:inline; */
height: 100px;
width: 100px;
display: table-cell;
vertical-align: middle;
}
DyaDya добавил 24.11.2010 в 17:37
Решил всё-таки добавить в li дополнительный вложенный тег div. Прописал для него высоту/ширину, но даже для div выравнивание по высоте не пашет(
p.s. браузер ФФ.
Сейчас в стиле у li прописано:
это точно сработает?)
DyaDya добавил 24.11.2010 в 17:29
Делал так, не прокатило(. Ничего не изменялось в выводе.
DyaDya добавил 24.11.2010 в 17:37
Решил всё-таки добавить в li дополнительный вложенный тег div. Прописал для него высоту/ширину, но даже для div выравнивание по высоте не пашет(
p.s. браузер ФФ.
Сори. С ошибкой написал.
Вот так надо:
Интересно как вы хотите выровнять по высоте рисунок, размером 100х100, в элементе, размером 100х100?
Интересно как вы хотите выровнять по высоте рисунок, размером 100х100, в элементе, размером 100х100?
Где вы такой рисунок увидели?
Да, извиняюсь, сразу не посмотрел ширину у рис.5
А для того, чтобы работало вертикальное выравнивание, назначьте высоту строки.
Например:
line-height:150px;vertical-align:middle;
Да, извиняюсь, сразу не посмотрел ширину у рис.5
С шириной то как раз проблемы пока нет. А вот по высоте картинки разные, поэтому хочется, чтобы они были хотя бы выровнены по центру высоты. Так покультурнее, вроде, смотрится.
Сори. С ошибкой написал.
Ошибку я заметил, поправлял на table-cell, не помогло это(
DyaDya добавил 24.11.2010 в 18:47
line-height:150px;vertical-align:middle;
Идея неплохая, но что-то тоже не прокатывает.
ul{list-style:none;}li{width:102px;height:100px;margin:0px 4px 4px 0px;border:1px solid gray;float:left;text-align:center;line-height:150px;vertical-align:middle;}
</style>
<!--[if IE]>
<style type="text/css">
li{line-height:100px;}
</style>
<![endif]-->