Jump to content

AlexZaw

Expert
  • Content Count

    613
  • Joined

  • Last visited

  • Days Won

    50

AlexZaw last won the day on May 15

AlexZaw had the most liked content!

Community Reputation

95 Хорошая

4 Followers

About AlexZaw

  • Rank
    Активный участник
  • Birthday 12/03/1978

Information

  • Sex
    мужской
  • From
    Томск
  • Interests
    Верстка, книги, EVE Online :)

Recent Profile Visitors

5,845 profile views
  1. Использовать картинку с разрешением в 4 раза больше. Ну или, если есть возможность, сделать svg картинку
  2. IE поддерживает единицы измерения vh и vw только с 9 версии. Так что если нужна поддержка более ранних версий то можно с помощью js определять высоту экрана и задавать такую же высоту картинке
  3. задайте для картинки стили display: block; margin: 0 auto; height: 100vh;
  4. как вариант: (вставка кода что то не работает, поэтому как текст) body{ margin: 0; } body:before{ position: absolute; content: ''; width: 100%; height: 10px; background: #f00; top: 50%; transform: translateY(-50%); }
  5. РоманФ судя по скругленным окончанием кривой, она сделана с помощью svg. Сделал грубый пример без свг, но принцип остального, думаю, будет понятен: <div class="wrap"> <div class="box"> <div class="line1"> <div class="item"><span></span></div> <div class="item"><span></span></div> <div class="item"><span></span></div> </div> <div class="line2"> <div class="item"><span></span></div> <div class="item"><span></s
  6. Sharmat, У вас не закрыты теги. А именно: <A HREF="http:ru.wikipedia.org/wiki/HTML" TARGET="_blank">вся статья<A> и тег таблицы. Также приведите к одному виду все ваши наименования ID. А то у вас в HTML они написаны маленькими буквами, а в CSS большими. Названия классов и id - регистрозависимы.
  7. по идее может спасти pointer-events:none; правда придется для всяческих input-ов и т.п. прописывать поведение курсора при наведении
  8. Вообще-то можно, если убрать z-index у родителя. Но тогда возникнет другая проблема - будет видно правую тень у родителя и ее придется перекрывать вторым псевдоэлментом. Как-то так: <div class="box"></div> .box{ height: 50px; width: 200px; box-shadow: 0 0 10px #000; position: relative; background: #f00; border-radius: 5px; } .box:after, .box:before{ display: block; content: ''; height: 37px; width: 36px; position: absolute; left: calc(100% - 20px); top: 50%; transform: translateY(-50%) scaleX(.5) rotate(45deg); background: #f00; border-radius
  9. Не может. Все это легко делается с помощью html+css
  10. Код не смотрел, но вам нужно либо прописать тег viewport, либо познакомиться с медиа запросами
  11. Нужно просто знать как работают отрицательные маржины 🙂 У меня решение заняло чуть больше времени. Но я искал решение без использования дополнительного div. Единственный минус - не работает в IE6, но ведь в условии про него ничего и не сказано, верно? 🙂 Если бы до меня это сразу дошло, решил бы быстрее, а так где -то минут за 40 управился. Причем я не сказал бы что я хорошо разбираюсь в верстке 🙂 .columns { width: 100%; overflow: hidden; } .sidebar-left { width: 300px; float: left; } .sidebar-right { width: 300px; float: right; } .content{ width: 100%; float: left;
  12. С гаданиями по фотографии это не сюда, а к гадалке. Всегда пожалуйста.
  13. В верстке, в подавляющем большинстве случаев, нет единственно правильных решений. С одной стороны, для того что-бы не раздувать код, нужно делать якорь на тот тег на который отправляет ссылка. Но, с другой стороны, а если завтра этот тег поменяется, например, с параграфа на заголовок? Тогда выходит правильнее сделать пустой якорный тег 🙂
×
×
  • Create New...