Jump to content

zSpx

User
  • Posts

    451
  • Joined

  • Last visited

  • Days Won

    4

Everything posted by zSpx

  1. <html> <body> <div class="cont1"> <div class="cont2"> </div> </div> </body> </html> html {} body {} .cont1 {} .cont2 {}
  2. Альтернатива - экстра разметка. Вкладываете друг в друга n дивов и задаете им фон.
  3. Нужно убрать list-style-type и вставить картинки в фон, текст паддингом сдвинуть, т.е. как обычно. Каждому элементу списка нужно класс задать.. или я вас не правильно понял?
  4. для <div class="content">...</div>, просто добавьте строчку в CSS .content {overflow: hidden;} читайте тут
  5. Я думал это вполне понятно .content {overflow: hidden;} ну коль уж так... для блока с классом CONTENT нужно задать свойство overflow со значением hidden. Т.е. в CSS добавить строчку .content {overflow: hidden;}. У вас элемент схлопнулся. Все его дочерние элементы плавающие, это нормальное поведение, нужно применять клиринг в виде overflow.
  6. Ctrl+H, в CS3 на PC, по крайней мере. Вообще, в PS у всего есть хоткеи, если хотите дизайном заниматься, то чем раньше выучите, тем лучше для Вас будет.
  7. В знак благодарности за красивый танец с бубном, духи леса нашептали мне, что проблемы из-за не смотря на то, что стоит repeat-x при масштабировании картинка бэкграунда прыгает на 1px вверх, а освободившийся нижний пиксель заполняется верхним пикселом картинки (в вашем случае - черным) т.е. как бы пытается repeat-y отрисовать для 1px. Проверил путем подстановки картинки с красным верхом и синим низом, полоска стала красной. Можно добавить в верх картинки 1px полоску с самой нижней ее части и позиционировать background: url(images/bg2.jpg) repeat-x 0 -1px; НО это извращенный перфекционизм. Я бы забил и не парился.
  8. Выразился не корректно. В любом случае - это лишний код.
  9. На то, что у владельцев fullHD мониторов с горизонтальной разверткой 1920пх и более, ваш сайт обрезается со двух сторон, т.к. имеет max-width: 1300px; Хотя читать абсолютную резину на таком разрешении, тоже не особое удовольствие.
  10. А что тут оптимизировать? Хотя -webkit-border-radius убрать вообще можно, вебкиты нативно все это давно поддерживают. Ну и вместо этого: border-left: #f1d574 2px solid; border-right: #f1d574 2px solid; border-bottom:#f1d574 2px solid; записать border: #f1d574 2px solid; border-top: none; И вместо новость1 новость2 новость3 лучше div'ы использовать, а то вдруг завтра понадобиться туда заголовок какой вставить? <div class="sidebarheader"> <p>Новости</p> </div> Новости ту же заголовок? Заголовком имхо и нужно оформлять.
  11. Я бы Вам посоветовал 1000раз над всем подумать, затем еще 1000раз подумать, после чего еще 1000раз подумать... просто Ваше намерение вкладывать большие суммы денег и слова в другой теме "выучил HTML, учу CSS по курсам Попова..." не вселяют надежду в Ваш успех. Хотя я Вам его искренне желаю! Зы: и еще, в таких делах нужен холодный расчет, избавьтесь от эмоций.
  12. omg фото директора 2300х3500 на главной странице=/ Она у вас шириной 1206пх, естественно, при уменьшении окна браузера она не влазит и выходит за его края, куда же ей деваться? Так режут изображения только для элементов с фиксированной шириной. Вам нужно отдельно для каждой стороны вырезать и позиционировать.
  13. .head-left a{ text-decoration:none; } Вы же смотрите к чему свойства применяете...
  14. zSpx

    CSS меню

    Сейчас придет кое-кто и перенесет эту тему кое-куда
  15. Он некуда не пропадает, он схлопывается, т.к элементам которые он содержит задан float и они выходят из основного потока, т.е. фактически, он пустой. Чтобы этого не происходило нужно применять клиринг, в данном случае задать overflow: hidden; Подробнее можете почитать тут
  16. zSpx

    БЭМ

    exessqd1, пожалуйста, сделайте навигацию. Это же сума сойти можно, пока нужную инфу найдешь.
  17. В каком смысле? "Я знаю" фраза для меня малопонятная. Допустим я знаю английский алфавит, но это же не значит, что я умею хоть как-то на нем разговаривать. Можно ведь 1-2 работы показать, или написать "сброшу работы в личку", если показывать открыто нет желания. А так совсем не понятно какими навыками обладает ТС. И мне _кажется, что со мной многие будут солидарны.
  18. Ключевое слово - кроссбраузерность. В современных браузерах можно(нужно) обойтись без нее, но вот линейка IE, застрявшая в прошлом, порой(как правило) требует введения пустых тегов или дополнительной обертки для реализации дизайнерской задумки.
  19. Пишу то, что напишет любой форумчанин: портфолио/примеры выполненных работ...
  20. Удваивание маржина в плавающем элементе в ИЕ6 лечится display: inline
  21. просто добавьте 4 элемента, разбросайте их по карте и задайте фоновое изображение скругленных уголков. на дропбоксе карты не заработали и картинки я жутко криво вырезал, но суть ясна.
  22. имхо -webkit-border-radius:10px; можно выкинуть за ненадобностью. Доля 5 Сафари и так ничтожно мала, а про возможность существования 4 даже говорить не стоит, из-за агрессивной политики обновления Эппл. С Хромом проблем нет... и не будет. Спасибо Гугл. Остается ждать, когда вымрет 3.5 ФФ.
  23. Только что открыл для себя, что IE8 для after и before псевдоэлементов не умеет применять фильтр прозрачности=/
×
×
  • 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