Всем привет! делаю стили в css для декоративного оформления, но нужен один стиль особенный, когда все буквы заглавные в слове а некоторые идут не заглавные, определённые заданные буквы: например слово SLOvO все буквы заглавные кроме букв v, или сделать буквы o и получится так SLoVo можно ли в css решить такие задачи ?
Подскажите плиз как победить отступы между двумя кнопками? https://jsfiddle.net/o2hcgpxs/ Помогает если удаляю все пробелы, т.е. переношу все в одну строку, но это не очень хороший вариант , код не читаемым становится..
HTML: <div class="thumbs"> <table align="center"> <tr> <td align="center"> <div class="galleriesThumb"> <table> <tr> <td><a href="#title1" title="title1"><img src="img/Galleries/1.jpg" alt="title1" class="image"></a></td> </tr> </table></div> <div class="galleriesLink"><a href="#title1" title="Random">"title"</a></div> <div class="galleriesNumber">999 Photos</div> </td> <td align="center"> <div class="galleriesThumb"> <table> <tr> <td><a href="#title2" title="title2"><img src="img/Galleries/2.jpg" alt="title2" class="image"></a></td> </tr> </table></div> <div class="galleriesLink"><a href="#title2" title="Random">"title"</a></div> <div class="galleriesNumber">999 Photos</div> </td> <td align="center"> <div class="galleriesThumb"> <table> <tr> <td><a href="#title3" title="title3"><img src="img/Galleries/3.jpg" alt="title3" class="image"></a></td> </tr> </table></div> <div class="galleriesLink"><a href="#title3" title="Random">"title"</a></div> <div class="galleriesNumber">999 Photos</div> </td> <br /> <td align="center"> <div class="galleriesThumb"> <table> <tr> <td><a href="#title4" title="title4"><img src="img/Galleries/4.jpg" alt="title4" class="image"></a></td> </tr> </table></div> <div class="galleriesLink"><a href="#title4" title="Random">"title"</a></div> <div class="galleriesNumber">999 Photos</div> </td> <td align="center"> <div class="galleriesThumb"> <table> <tr> <td><a href="#title5" title="title5"><img src="img/Galleries/5.jpg" alt="title5" class="image"></a></td> </tr> </table></div> <div class="galleriesLink"><a href="#title5" title="Random">"title"</a></div> <div class="galleriesNumber">999 Photos</div> </td> <td align="center"> <div class="galleriesThumb"> <table> <tr> <td><a href="#title6" title="title6"><img src="img/Galleries/6.jpg" alt="title6" class="image"></a></td> </tr> </table></div> <div class="galleriesLink"><a href="#title6" title="Random">"title"</a></div> <div class="galleriesNumber">999 Photos</div> </td> </tr> </table> </div> Как перенести 3 ячейки вниз?
Подскажите пожалуйста, как одной строчкой в адресной строке сформировать действие, например,: 1) нравится страница в ФБ или 2) нравится компания в Гугл бизнес Дабы спросить жизнь тем людям, которые имеют желания помочь сайту…
вот такая проблема. использую дизайнерский шрифт в оформлении заголовков на сайте, стили прописаны и шрифт загружен, но если в системе windows нет установленного шрифта, то браузер не отображает его (chrome firefox и другие) формат шрифтов разный woff, ttf, otf, eot но всё равно если в системе нет шрифта - то он не отображается. помогите пожалуйста сделать что бы шрифт всегда отображался в браузере ?
Значит @font-face в css-файлах криво прописал. Либо вообще не прописал (лол). На fontsquirrel.com можно залить ttf-шрифт и сайт дальше за тебя сгенерирует все остальные форматы шрифтов и css-стили.
Когда я задаю size="1" при скроллинге +/- он скролингет не по 1 <option> почему? https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple
Изначально подход неправильный. Вы не сможете ячейки таблицы перенести на следующую строку потому, что это таблица. Вам нужно переверстать всё на div'ах size никак не влияет на скролл
Уведомление о том что сообщение отправлено выходит не по центру, что не так ?? Как сделать его по центру? Вот код: } /*----modal otvet---*/ .fancybox-outer{ background:url(../images/oforml/fon_modal.jpg) no-repeat top center; background-size: 100% 100%; } .succes-message-modal{ color:#fff; font:22px calibri-light, arial; } .box-modal{ text-align:center; } .form-control.submit{ color:#fff; border:2px solid #fff; font:22px/42px calibri-light, arial; height:35px; background-color:inherit; } .form-control.submit:hover{ cursorointer; background-color:#fff; color:#B73132; } .cash{ position:absolute; display:none; top:-9999px; } .tel>.header-mail { margin-top: 2px; margin-bottom: 2px; font-size:25px; }
Неа через <center></center> не работает, вот код из html <div style="display:none;"> <div class="box-modal" id="ThankYou"> <div class="box-modal_close arcticmodal-close"> </div> <div class="succes-message-modal">В ближайшее время мы свяжемся с вами.</div> <div class="row"> <div class="col-xs-12 formtext"> <a href="http://сайт/" class="form-control submit button">ОК</a> </div> </div> </div>
Закрыть забыл один div. Суть проста, заверни всё в один блок и задай данные правила. HTML: .modal-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top:0; margin-bottom: 0; } Spoiler
Создал небольшую cms и дошол до оптимизация под разными браузерами как сделать это быстро подключив какои нибудь js фаилом