[HTML, CSS] Задай вопрос, получи ответ

http://400kg.org/vote/528/thnx
а второй там пост запросом, но можно же сделать то-же...

 

Всем привет!
делаю стили в css для декоративного оформления, но нужен один стиль особенный, когда все буквы заглавные в слове а некоторые идут не заглавные, определённые заданные буквы:
например слово SLOvO все буквы заглавные кроме букв v, или сделать буквы o и получится так SLoVo

можно ли в css решить такие задачи ?

 

Подскажите плиз как победить отступы между двумя кнопками?
https://jsfiddle.net/o2hcgpxs/


Помогает если удаляю все пробелы, т.е. переношу все в одну строку, но это не очень хороший вариант , код не читаемым становится..

 

В помощь - http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html

 

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 ячейки вниз?

 

Обтеканием, фиксированной шириной родительского блока, или банальным <br>

 

<br> почему-то не помогает. Попробую это:

Спасибо.

 

Подскажите пожалуйста, как одной строчкой в адресной строке сформировать действие, например,: 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;
}

 

Тупо в html <center></center>
оризонтальныи margin:auto auto;

 

Неа через <center></center> не работает, вот код из html
<div style="display:none;">
<div class="box-modal" id="ThankYou">
<div class="box-modal_close arcticmodal-close">&nbsp;</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 фаилом