Jump to content

Tsybin

Newbie
  • Posts

    15
  • Joined

  • Last visited

Tsybin's Achievements

Explorer

Explorer (1/14)

-3

Reputation

  1. Короче я так понял поведение ie не ясно
  2. А чего, весьма мило Чувствуется женская рука!
  3. Элементы меню и разделы при масштабирование плывут и ведут себя очень странно. А так вроде всё вполне хорошо!
  4. Автор топика же сказал, ему некогда читать...хочется сразу всё уметь...
  5. Ну 8 то еще путь поживет, а вот 6-7 это да, отстой извините меня, но раньше на нем учились, так сказать олд-скулл Думаю кто кроссбраузерно верстает на 6 и последними новыми бразуерами тот мегаверстальщик, если конечно такое возможно. Забудут наверное его тогда, когда пользователи откажутся от него. Но даже на нескольких моих сайтах, число пользователей ieе 6-7 существенно. На самом деле никак не понимал, как им удается не обновляеться и сидеть на старых версиях. Хм, релатив тоже влияет почему-то на это...
  6. Соглашусь, что шапку лучше делать через бэкграунд, задав размеры и позиционирование. В данном примере я не понимаю вот это: #textlogo h1.name { margin: 0; padding: 0; [b]font-size: 240%; [/b] - Зачем???? Обязательно в процентах? Под мобильники делаете? position: relative; [b]top: -127px;[/b] - Зачем???? Зачем? left: 118px; float: left; text-align: right; [b]height: 0px; [/b] - Зачем??? Как высота 0? Шрифт 240 процентов а высота 0? font-weight: bold; color: white; }
  7. Мои мысли: #left_column {float:left; position:fixed; top:150px; left:0px;} Вы не указали размер (ширина объекта). Не понимаю зачем указали left: 0px;? Сделайте структуру в таком порядке: #page #header #left_column #columns #center_column #right_column #footer Присвойте #columns - float: left. Т.к. колонки у вас имеют z-index: 1, то они перекрывают соответственно левую панель, которая не имеет вообще з-индекса. Дальше у колонок position: relative, попробуйте "поиграть" с позиционированием, например убрать его вообще.
  8. float: left, margin, установка min-height и min-width не помогает?
  9. Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё. Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> . Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt Вот css: .post { background: #fff; margin: 10px auto; border: 1px #eee solid; clear: both; display: block; padding: 5px 20px 20px 20px;} .meta { background: transparent; font-style: italic; color: #aaa; font-size: 14px; text-align: left; vertical-align: middle; line-height: 20px; } .titleimg { float:left; margin: 15px 5px 10px 0px; display: inline-block; position: relative;} .posttitle { padding: 20px 0px 0px 0px; } .excerpt {margin: 20px 0px 10px 0px;} Вот пример html: <div class="post"> <article id="post-1"> <img width="80" height="80" src="http://мойсайт.ru/wp-content/uploads/2012/10/facepalm-150x150.jpg" class="titleimg wp-post-image" alt="gf" title="gf" /> <div class="posttitle"> <h3><a href="http://мойсайт.ru/other/privet-mir/" title="Привет, мир!">Привет, мир!</a> <!--Post titles--></h3> </div> <div class="meta"> <span class="clock">Всякая мета-мутотень</span> <div class="clear"></div> <div class="excerpt">Добро пожаловать в WordPress. Это ваша первая запись. Отредактируйте или удалите её, затем пишите!</div> <!--The Meta, Author, Date, Categories and Comments--></div> </article> </div> Причем найдена связь, если я у titleimg убираю float:left или полностью margin, то этот глюк пропадает, но изображение в таком случае не отфлочено и не отмаргино. Вот скриншота без флота: Я виноват или IE? Второй скрин с другой проблемой. Здесь все просто, фон блока .meta, а точнее пункта, где перечисление категорий перекрывает и "режет" картинку-миниатюру, если у неё не стоит position: relative. Это нормально? Что-то я не понимат...
  10. Всем спасибо. Действительно, как и говорил downhouse помогло display: inline-block! Все остальные браузеры и без него понимали все эти паддинги и маржины. А на счет того, можно ли присваивать h8 или например hochusamku283192483, то на сколько я знаю новым браузерам судя по всему все равно как называется тэг, даже если его и нет в природе, то нужно лишь задать ему параметры отображение в стиле, который браузер и покажет. Ясное дело, что все это не валидно и если указать тэк h8 это не озачает "заголовок" со всеми характеристиками этого тэга (h) по умолчанию. А вот старые версии, того же ie такие ухищрения не обрабатываются... Нет, ну разве не прикольно самому создавать тэги? Например: <popa>Лучшее предложение!</popa>! Осталось лишь указать в css его стиль и все готово, можно переходить на ссылку валидатора, ну и в случае если кто-то захочет посмотреть Html код страницы, то он будет весьма удивлен!!!
  11. ну да, еще бывает и h15 можно сделать! Восемь - любимое число, чего поделаешь...
  12. Здравствуйте форумчане. Не могу понять, почему в опере наблюдается следующий глюк. Кнопка "читать далее", она же ссылка, при переносе на новую строку на несколько пикселей слева обрезается. Во всех остальных браузерах, ie, мозилле и сафари все отлично! Вот css: Блок новостей: .news { width: 940px; margin: 20px auto; } .newsbox { float: left; width:400px; height:160px; margin: 13px 5px 5px 30px; overflow: hidden; } .newsbox img { width:100px; height: 100px; float: left; margin: 20px 10px; display: inline; } .newsbox h8 { text-shadow: 1px 1px 3px #ddd; font-family: 'Arial'; font-size: 14px; display: block; padding-top: 10px; text-align: left; } Кнопка читать-дальше: .read-more { background: #EEEEEE; border: 1px solid #C5C7C8; border-radius: 5px; box-shadow: 0 0 3px 0 #C5C7C8; padding: 3px; margin: 2px; } Есть мнения?
×
×
  • 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