Помогите с css
Уважаемые жители сообщества!
Прошу помочь со стилями. Вот css:
Просто нужно, чтобы этот вид:
стал таким:
Слева пустая область — там вывод фото.
Строки, которые имеют отношение к фото удаляю, кэш и темп подчищаю, а воз и ныне там.
Прошу помочь со стилями. Вот css:
/* Catalog Item */ .dao-item { margin-bottom: 30px; } .dao-item .table.table-users thead { display: none; } /* Catalog Item Info */ .dao-item-brief { min-height: 200px; position: relative; background: #F4FBFF; padding: 15px 15px 15px 230px; margin-bottom: 25px; overflow: hidden; } .dao-item-brief p { margin-bottom: 3px; } .dao-item-brief .dao-item-title { font-size: 24px; line-height: 1.1em; margin: 0 100px 5px 0; } .dao-item-brief .favourite { position: absolute; top: 15px; right: 15px; } .dao-item-brief .vote-topic { position: absolute; bottom: 15px; right: 15px; } .dao-image-list .dao-item-images { position: absolute; top: 15px; left: 15px; width: 200px; vertical-align: top; } .dao-item-brief .dao-price { font-size: 24px; line-height: 1em; margin-bottom: 15px; } /* Catalog List */ .dao-catalog-item-list { overflow: hidden; zoom: 1; } .dao-catalog-item-list li { position: relative; overflow: hidden; zoom: 1; margin-bottom: 40px; } .dao-catalog-item-list li .dao-item-info { padding-left: 115px; padding-top: 2px; } .dao-catalog-item-list li .dao-item-title { font-size: 18px; line-height: 22px; margin-top: -3px; margin-bottom: 8px; padding-right: 100px; } .dao-catalog-item-list li .dao-item-title a { color: #1A3DC1; } .dao-catalog-item-list li .dao-item-title a:hover { color: #f00; } .dao-catalog-item-list li .dao-item-image { float: left; width: 100px; margin-right: 15px; } .dao-catalog-item-list li .dao-item-image img { width: 100px; vertical-align: top; } .dao-catalog-item-list li .dao-price { margin-bottom: 10px; } .dao-catalog-item-list li .dao-item-content { line-height: 16px; margin-bottom: 10px; } .dao-catalog-item-list li .dao-item-extra .ls-user { margin-right: 10px; color: #3F8AD7; } .dao-catalog-item-list li .dao-item-extra .ls-user:hover { margin-right: 10px; color: #f00; } /* Catalog List Two Columns */ .dao-catalog-item-list.dao-two-column li { display: inline-block; *display: inline; zoom: 1; width: 150px; padding: 0; vertical-align: top; margin-right: 30px; } .dao-catalog-item-list.dao-two-column li .dao-item-image { float: none; margin-right: 0; margin-bottom: 10px; text-align: center; } .dao-catalog-item-list.dao-two-column li .dao-item-image img { width: auto; height: 100px; } .dao-catalog-item-list.dao-two-column li .dao-item-info { padding: 0; } .dao-catalog-item-list.dao-two-column li .dao-item-title { padding-right: 0; } .dao-catalog-item-list.dao-two-column li .dao-price { margin-bottom: 0; font-size: 12px; } .dao-catalog-item-list.dao-two-column li .dao-item-extra { margin-top: 7px; font-size: 11px; } .dao-catalog-item-list.dao-two-column li .dao-item-extra .ls-user { margin-right: 0; } /* Catalog.Mini-List */ .dao-mini-list { margin-bottom: 20px; padding: 15px; background: #F8FBFE; border-radius: 5px; } .dao-mini-list .dao-catalog-item-list li { margin-bottom: 20px; } .dao-mini-list .page-header a { text-decoration: none; } .dao-mini-list.dao-mini-list-profile { background: transparent; padding: 0; } .table.table-dao-mini-list { margin-bottom: 0; } .table.table-dao-mini-list i { position: relative; top: 1px; margin-right: 2px; }
Просто нужно, чтобы этот вид:
стал таким:
Слева пустая область — там вывод фото.
Строки, которые имеют отношение к фото удаляю, кэш и темп подчищаю, а воз и ныне там.
3 комментария