Контакты

Достижения

Все достижения (1)

Наибольший вклад в теги

Все теги (17)

Лучшие ответы пользователя

Все ответы (44)
  • Как не заплыть жиром, работая удаленно программистом?

    Сидячая работа хорошо для кача, суеты большой нет ) сидишь работаешь, кушаешь, ходишь качаешься )
    Ответ написан
  • Как выровнять пункты меню в одну линию, будучи выровненным по центру?

    Можно так, хотя выше уже много вариантов написали.
    https://jsfiddle.net/h07s4w1t/

    А если в одну линию по вертикали, чтобы все ровно в строку было.
    https://jsfiddle.net/h07s4w1t/1/

    Вот еще вариант, с выравниванием в одну линию все пункты и еще выравнивание текста от значка.
    https://jsfiddle.net/h07s4w1t/2/

    ul,li {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    a{
        text-decoration: none;
        color: inherit;
    }
    
    .list{
        width: 400px;
        margin: 0 auto;
        font-size: 20px;
        text-align: center;
    }
    Ответ написан
  • Грамотная разметка адаптивной верстки?

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

    <div class="wrapper">
    <header class="header">
    Верх
    </header>
    
    <main class="content">
    Центр
    </main>
    
    </div>
    
    <footer class="footer">
    Низ
    </footer>
    
    </body>


    <b>CSS с нормализацией.</b>
    
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;}
    html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
    audio,canvas,video{display:inline-block}
    audio:not([controls]){display:none;height:0}
    [hidden]{display:none}
    a{outline:none; text-decoration: none;}
    abbr[title]{border-bottom:1px dotted}
    pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
    sub,sup{font-size:75%;line-height:0;position:relative}
    sup{top:-0.5em}
    sub{bottom:-0.25em}
    fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
    button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
    button,input{line-height:normal}
    button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
    button[disabled],input[disabled]{cursor:default}
    input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
    input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
    input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
    button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
    textarea{overflow:auto;vertical-align:top}
    input:focus,button:focus,select:focus,textarea:focus{outline:none}
    table{border-collapse:collapse;border-spacing:0}
    img { border: 0; }
    :focus::-webkit-input-placeholder {color: transparent}
    :focus::-moz-placeholder          {color: transparent}
    :focus:-moz-placeholder           {color: transparent}
    :focus:-ms-input-placeholder      {color: transparent}
    
    *{
      padding: 0;
      margin: 0;
    }
    html{height:100%;}
    * html body{height:100%;}
    
    html, body{
      font-family: tahoma, Helvetica, sans-serif;
      font-size: 14px;
      height: 100%;
      background: #fff;
    }
    .wrapper {
      width: 100%;
      min-width: 1100px;
      min-height: 100%;
      height: auto !important;
      height: 100%;
    }
    .header {
      width: 100%;
      height: 150px;
      background: #ffffff;
    }
    .content {
      padding: 0 0 150px;
    }
    .footer {
      margin: -245px auto 0;
      min-width: 1100px;
      height: 245px;
      position: relative;
    }
    Ответ написан

Лучшие вопросы пользователя

Все вопросы (147)