» Вопросы по CSS

По вопросу 2 - автор утверждает, что корректным для случая микс-картинок разного, большого и малого размера, будет следующее решение:

Код: width: auto; max-width: 100%;

Здравствуйте.

Не знаю куда написать и решил здесь.

Подскажите, мне нужно сделать так, что бы станица, например "мой мир" в майле автоматически обновлялась при появлении новой запись.

То есть, пакет данных пришел, данные сразу отобразились на странице, без нажатия на кнопку обновить страницу.

oniava
писать расширение под конкретный браузер.

Приветствую, хочу сделать вот такую бирку, верее, близкую,подобную, но вертикальную, и безо всяких hover и a стилей, чисто нарисовать на css направленную треугольником вниз бирку.

Вот тут я хочу превратить "sale" и "rent" в подобную бирку, но что то никак...

Weinaum

Код: .properties-grid .property .rent-sale:after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;    
    border-top: 11px solid #02344a;    
}
.properties-grid .property .rent-sale:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}

Xrobak
спасибо, здОрово!
чуть "дырка" не по центру, но вроде margin-ами выравнивается легко.
А еще вопрос тут же,на который пока не смог найти ответ: можно ли, и если можно то как в случае вот такого вертикального текста чуть уменьшить визуально расстояние между буквами? letter-spacing не срабатывает, вижу, что справа-слева меняется расстояние межбуквенное, а реально сверху-снизу от буквы нет.

http://jsfiddle.net/gR8bg/ тут с комментами + я поменял классы с before и after, чтобы круг не уползал под треугольник

Xrobak
Блин, line-height, двойка мне сразу без разговоров )))
Спасибо, все супер, работает.

Люди добрые, помогите.
http://avtopromin.com.ua/ak-test
на компьютере нормально смотрится а на телефоне или планшете меню в две строки съезжает, не знаю почему (((

Вот даже пробовал заново все переверстать http://vegas.q-sco.ru/ak-test/1052/matras_222
и все равно бок, в виндовс 7 все хорошо, в виндовс8 - все плохо, а на мобилки печально(((
Подскажите плиз. Съезжает меню на вторую строку.

DarkSmoke

Цитата:

в виндовс8 - все плохо

а чем там плохо?

Цитата:

а на мобилки печально(((

у меня плохо даже в 7-ке... из-за того, что это меню не влазит во внешний блок с конкретно заданными размерами.

1) уменьшайте размер шрифта в меню, тогда может и влезет
2) судя по последней ссылке, меню не responsive, со всеми вытекающими
3) у меня в Хроме в эмуляторе под моб. телефон ваше меню идет в одну строку, но с полосой прокрутки из-за width: 960px;

Решено

приветствую,
не знаю, со стилями ли проблема,или нет - но ничего больше в голову не лезет,
есть сайт на joomla + virtuemart, перенес на сервер, и только вот заметил,(плохо, что не сразу, поэтому не могу сказать точно, что именно от сервера зависит проблема) что некорректно отображается вывод различных групп - последних, рекомендованных и т.п. ...Должно по 3 товара в строку, а выводится по одному-максимум 2 и в столбик....
Почему грешу на css - каюсь, стили немного правил, может что то да напортачил...
A где еще может быть проблема, не могу понять...

вот ссылка на проблемную страницу- решено
а вот тот же сайт парой дней раньше на другом рабочем хосте, проблемы нет и близко - решено
Прошу помощи в отлове проблемы.

Цитата:

Должно по 3 товара в строку, а выводится по одному-максимум 2 и в столбик....

По 3 выводится. Перемотать вниз надо, чтобы появились остальные.

Цитата:

Почему грешу на css - каюсь, стили немного правил, может что то да напортачил...

Не на то грешишь.
К примеру, иерархия элементов на последний (3-й товар) в группе. Было

Код: div class="latest-view" || 847 x 440
    div id="product_list" class="grid " || 847 x 384
        ul id="slider" class="vmproduct layout" || 847 x 0
            li class="firstItem" || 880 x 0
                div class="prod-row animate_left" style="opacity: 1; left: 0px;" || 262 x 354
                    div class="product-box front_w spacer " || 242 x 334

Цитата:

Т.е. товары были друг другу "соседскими", а стали вложенными.

это мне кажется близким, но разве это не означает, что где то просто какой-то див не закрыт?
вот ищу и что то не могу найти, какой...

http://validator.w3.org/check?uri=http%3A%2F%2Fkth-stock.de%2Fkth1%2Fru%2Fcatalog-ru&charset=%28detect+automatically%29&doctype=Inline&group=0 ошибок тьма, в частности куча закрывающих дивов при отсутствии открывающих. Для начала наверное стоит поправить по максимуму ошибки в коде, чтобы было легче искать причину.
И да, ваша проблема в дивах... где-то пропустили закрытие и/или открытие и полезло.

Раньше у вас первый товар оборачивался в:

Код: <div class="prod-row animate_right firstItem" ...>

в файлах ничего не изменилось, спасибо всем, ошибку с помощью вашей и логики отловил:
вернее сказать, использовал логику для поиска ошибки, нашел ошибку, но логики самой ошибки понять так и не ссмог...
короче, мне было необходимо в самом начале каждого короткого описания добавлять выделенным красным *Цена указана за 1 единицу товара.
Так вот, как не делай, стилями или html font color=... - пробовал и так и так - получи на выходе то что я показал.
Убираешь красный шрифт - все нормализуется.
Причем, как видно, внутри этого самого короткого описания размещай красный шрифт как угодно, но только не вначале....
Так что почему такой эффект, и почему красный цвет шрифта в самом начале шорт дескрипшион вызывает вложение одного товара в другой - я с моей логикой в тупике...

Какую-то мистику рассказываете. Проблема не в цвете, а может быть в другом, просто вы это так и не поняли.
Окей, можно сделать так: сохраните полностью рабочую страницу как файл (html + css) и второй раз сохраните уже не рабочую версию (html + css) с указанием того, где вы что изменили. Тогда сравнив код страниц на выходе можно будет понять что конкретно вызывает проблему. Возможно вы добавляете какую-то разметку (тег) на страницу, к-рый описан в стиле и вызывает такие последствия. Эти 2 файла скиньте сюда, посмотрим.

Дело конечно не в цвета, а как раз в том, что именно добавление тегов в первую строчку вызывает эту неясную реакцию.
Ессно, я сразу же подумал, что где то просто вкралась синтаксическая ошибка при использовании данных тегов - недавно как раз столкнулся с нечто подобным - один незакрытый тег img вложил все последующие классы в текущий. Однако ошибок в теге нет, а поскольку проблема так или иначе закрыта, и дабы не флудить в данном топике, обойдусь пока без цвета,
и еще раз всем спасибо.

Парни, не подскажет ли кто как решить проблему? На сайте есть выпадающая менюха, ниже ее я вставляю флешку - она на другом серваке и обернута яваскриптом, на хост где висит сайт нельзя вставлять скрипты - он на конструкторе, вставляю так через iframe

Код:
<iframe frameborder="0" scrolling="no" src="http://imageslider.zz.mu/slider/imageSlider300-940.html" width="940" height="300" wmode="opaque" ></iframe >

You need to add the wmode to both the object and embed.
http://stackoverflow.com/questions/695726/css-menu-does-not-appear-over-flash
http://stackoverflow.com/questions/8063075/expanded-menu-doesnt-appears-over-flash-image
http://www.sitepoint.com/forums/showthread.php?438230-css-menu-not-displayed-over-flash

Andryshok
Выпадающее меню на JavaScript поверх Flash...

Помогите разобраться пожалуйста.Как сделать саму надпись в бегущей строке бесцветной или прозрачной? сам
html код <marquee bgcolor="pink" width="25%">SMOTRINAS.COM</marquee><marquee bgcolor="aqua" width="25%" direction="right">SMOTRINAS.COM</marquee><marquee bgcolor="silver" width="25%">SMOTRINAS.COM</marquee><marquee bgcolor="aqua" width="25%" direction="right">SMOTRINAS.COM</marquee> Мне нужно чтоб надпись моего SMOTRINAS.COM была или не видима или чтоб сама строка не обязательно чтоб была бегущей просто стиль и размер всего что в коде меня устраивает но бегущая надпись не нужна.Помогите пожалуйста.Заранее большое спасибо

appolo
Ну сделай цветом фона. Если надо прозрачность, то style="opacity:0;"

дело в том что я не могу это сделать(( куда в этом коде вставть тег который ты дал?

А смысл какой вобще? Просто нужно три разноцветные полоски? )))

я понимаю но я только начинаю все это изучать и мне трудно самой понять(( помогите если можете ,заранее большое спасибо...вот мой состряпанный сайт http://smotrinas.com/ и эта строчка меня устраивает та что в заголовке но без легкомысленного бегущего текста)

Добавлено:
три полости вдоль повторяющиеся могу сделать а так чтоб они как на картинке менялись цветами по очереди нет((

Добавлено:
вот смотри... куда в этот код
<marquee bgcolor="pink" width="25%">SMOTRINAS.COM</marquee><marquee bgcolor="aqua" width="25%" direction="right">SMOTRINAS.COM</marquee><marquee bgcolor="silver" width="25%">SMOTRINAS.COM</marquee><marquee bgcolor="aqua" width="25%" direction="right">SMOTRINAS.COM</marquee> Мне нужно чтоб надпись моего SMOTRINAS.COM
вставить тег который ты написал? style="opacity:0;"
чтоб сама надпись smotrinas.com стала прозрачной ?

1. Если вам бегущая строка там не нужна, то ее нужно не прятать, а удалять.
2. Если все же хотите спрятать, то для бегущей строки можно задать свойство на выбор:

Код: color: transparent;

Xrobak...Спасибо огромное))) все как я хотела))) смайликов нет а то бы поцеловала)) Еще раз спасибо..

Добавлено:
Спасибо вам большое при большое))) без вас бы не справилась однозначно..

Добавлено:
и если можно еще один вопрос который меня ввел в ступор(( при создании страницы иногда она автоматов в содержании выдает вот такой код
&nbsp; <div id="dc_vk_code" style="display: none;"></div>
думаю что это что ненормальное(( может с каким то плагином занесла что то не то?