Ответы пользователя по тегу CSS
  • Как правильно выровнять блоки в три ряда css html?

    Waydim
    @Waydim
    создать -> улучшить ⇔ развивать :)
    в данном случае ИМХО самый простой и быстрый способ - подключить фреймворк Bootstrap и раз и навсегда забыть о таких проблемах.
    <div class="container">
    <div class="row">
    <div class="col-xs-12 col-sm-2">
    // ....левая колонка....  //
    </div>
    <div class="col-xs-12 col-sm-8">
    // ....центральная часть....  //
    </div>
    <div class="col-xs-12 col-sm-2">
    // ....правая колонка....  //
    </div>
    </div>
    </div>

    и тут уж точно никто ни на кого не "наедет и не закроет", да плюс к тому для мобильной версии уже сразу все адаптировано.
    Если без Bootstrap и в продолжение совета Alibek Kulseitov , то тоже самое:
    <style>
    .box{display:block; position:relative; width:100%;}
    .left-bag, .right-bag, .center-bag{display:inline-block; float: left; vertical-align:top; padding:0; margin:0}
    .left-bag, .right-bag{width:25%}
    .center-bag{width:50%}
    </style>
    <div class="box">
    <div class="left-bag">
    ...
    </div>
    <div class="center-bag">
    ...
    </div>
    <div class="right-bag">
    ...
    </div>
    <div class="clearfix"></div>
    </div>
    Ответ написан
    Комментировать
  • Как сделать такой текст?

    Waydim
    @Waydim
    создать -> улучшить ⇔ развивать :)
    <style>
    .contactus {
    	background-image: linear-gradient(to top, #ffffff 0%, #cdcdcd 100%);
    	background-clip: text;
    	color: rgba(0, 0, 0, 0.12);
    	font-family: sans-serif;
    	font-size: 48px;
    	font-weight: 600;
    	color: rgba(128,128,128,.45);
    	text-shadow: 0px 2px 3px rgba(255,255,255,.15), -1px -2px 1px rgba(0,0,0,.5), -1px -1px 2px rgba(0,0,0,.3);
    }
    </style>

    *все это безобразие на фоне: #cdcdcd;
    у меня ЭТО выглядит так:
    5c3bccbc526d4336063807.png
    начинать плясать вот от этой печки, а дальше - нет пределов совершенству :)
    Ответ написан
    Комментировать