Jump to content

Freeman Liberty

Newbie
  • Posts

    20
  • Joined

  • Last visited

Everything posted by Freeman Liberty

  1. Спасибо всем за помощь! Дело оказалось не в стилях модуля, а в стилях шаблона которые применялись и к содержимому модуля. Все поправил. Спасибо.
  2. Спасибо за совет Kaylang. Вот если ты еще подскажешь где именно вставить этот код <!--[if (!IE) | (gt IE 7)]><!--> <body> <!--><![endif]--> <!--[if IE 7]> <body class="ie7"> <![endif]--> Учитывая что это не статичная html страничка, а один из модулей сайта на Joomla.
  3. margin-right:-4px; Дает нужный эффект для IE 7 Но тогда во всех остальных браузерах текст налазит на картинку align:left - не дает видимых изменений для IE 7 -выравнивание по левому краю задается float:left;
  4. Сделал так thumbsup-image img { display:inline; float:left; overflow:hidden; padding:4px; border: 1px solid #f8c122; background: #f1f1f1; margin-right:4px; margin-top:-1px; } .thumbsup-image { display:inline; border-bottom: 0px #999 solid; margin-bottom:5px; padding-bottom:3px; padding-top:3px; padding-left:0px; } В IE 7 никаких изменений.
  5. Решил проблему с помощью .thumbsup-image img { float:left; overflow:hidden; Спасибо Psywalker за подсказку. Теперь бы еще разобраться откуда в IE7 такой большой промежуток между картинкой и текстом? И как его убрать оставив все как есть в остальных браузерах?
  6. Ничего не дало. Нужный результат дает банальное .thumbsup-title { float: right; Но тогда модуль не правильно отображается в Firefox Может есть еще какие способы Вот основной код: .thumbsup-image img { padding:4px; border: 1px solid #f8c122; background: #f1f1f1; margin-right:4px; margin-top:-1px; } .thumbsup-image { border-bottom: 0px #999 solid; margin-bottom:5px; padding-bottom:3px; padding-top:3px; padding-left:0px; } .thumbsup-title { font-size:12px; padding-bottom:2px; } .thumbsup-intro { font-size:11px; font-weight:normal; padding-bottom:4px; } .thumbsup-text { border-bottom: 0px #999 solid; } .thumbsup-text a { font-weight:normal; } .thumbsup-date { font-weight:normal; font-size:9px; padding-bottom:4px; }
  7. Чем может быть вызвано некорректное отображение модуля в IE 7 ? Модуль в IE 7 Тот же Модуль в IE 8 Сайт: http://psy.5igorsk.ru/ Сайт работает на Joomla. Помогите исправить пожалуйста.
  8. Решил вот поменять цвет выделения на сайте - добавил в css. файл строку ::selection { background: #1BBADF; color: #FFFFFF; } ::-moz-selection { background: #1BBADF; color: #FFFFFF; } Текст выделяется как положено, но при валидации возникла ошибка Предупреждение: Неизвестный псевдокласс или псевдоэлемент «selection». Правило проигнорировано из-за плохого селектора. Что делаю не так подскажите пожалуйста?
  9. Ок. Спасибо за оказанную помощь , буду экспериментировать дальше авось что-то да получиться.
  10. Я же говорю изменение margin никак не влияет /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 div.wrapper > div, div.wrapper > table, div.wrapper > p { margin:0 -15px;} или margin:0 -55px или margin:0 0 -15px ничего не меняется
  11. так я заменил код /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;} на /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 div.wrapper > div, div.wrapper > table, div.wrapper > p Без margin: 11px т.к. изменение его величины абсолютно не как не отражалось на отображении модуля
  12. Почти помогло сделал так /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 div.wrapper > div, div.wrapper > table, div.wrapper > p Появились небольшой отступ справа
  13. В IE у меня все нормально загружается попробуй через него. Какие то траблы у лисы с fastpic.ru
  14. Если я правильно понимаю то #columns-container выводит модуль по умолчанию, .col-module-style2 это тот самый суффикс класса модуля который я задаю. Зачем же мне еще один суффикс класса модуля когда я всего лишь хочу немного подправить этот, сделать так чтобы у него был небольшой отступ слева. Получилось открыть изображения? Может тогда понятней станет о чем я говорю.
  15. Не могу понять что за глюк но в лисе картинок не видно даже по ссылкам в IE в режиме совместимости все нормально. Получилось открыть изображения? Psywalker спасибо за разъяснения, но не мог бы ты на примере того кода что я дал показать как это должно выглядеть? Тебе не сложно и мне сильно облегчит жизнь Спасибо!
  16. Есть картинки. не загружаються почемуто. В IE задал режим совместимости загрузились или можно прйти по ссылкам на http://fastpic.ru/ Спасибо за совет. Если не сложно напиши как это должно выглядеть и куда вставлять
  17. Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;} #columns-container .col-module-style2 .col-module_br { background:url(../images/colmodule_style2_br.png) no-repeat bottom right;} #columns-container .col-module-style2 .col-module_bl { background:url(../images/colmodule_style2_bl.png) no-repeat bottom left;} #columns-container .col-module-style2 .col-module_tr { background:url(../images/colmodule_style2_tr.png) no-repeat top right;} #columns-container .col-module-style2 .col-module_tl { background:url(../images/colmodule_style2_tl.png) no-repeat top left; min-height:126px; padding:20px 0 0} #columns-container .col-module-style2 h3 { font-size:1.3em; padding:0; margin:-4px 22px 7px; border-bottom:1px dashed #ccc;} #columns-container .col-module-style2 h3 span { color:#999 } #columns-container .col-module-style2 .col-module_content { padding:0 23px 20px;} Задал ему padding-left /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px; padding-left:10px;} Получилось следующее Думаю вопрос понятен, как сделать отступ внутри модуля слева так, чтобы при этом не менялась ширина самого модуля? P.S. Извините если получилось слишком длинно - старался предоставить всю необходимую информацию Заранее спасибо!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy