» Вопросы по CSS

http://htmlbook.ru/css3-na-primerah/mnogokolonochnyy-tekst

<ul style="column-count: 3;">
<li>123</li><li>123</li><li>123</li><li>123</li><li>123</li><li>123</li><li>123</li><li>123</li>
<li>123</li><li>456</li><li>123</li><li>123</li><li>123</li>
</ul>
-в Опере работает, но с глюком - маркеры появляются только в левой колонке

Xrobak
спасибо, работает

Подскажите, пожалуйста, какие слова обычно используют в коде при названии меню навигации? Надо изменить шрифт, указав обозначение, для основного шрифта везде подходит body, для меню навигации где-то nav, а где-то сколько ни пробую, ничего не получается. Тема для примера.

WONDROUS
зачем гадать то?

Mavrikii
Это да, оно видно, только когда в свойствах CSS пишешь:

Код: main_navigation {
font-family: 'Lora', serif;
}

WONDROUS

Цитата:

Это да, оно видно, только когда в свойствах CSS пишешь:

где именно пишете?


Цитата:

main_navigation

а # где в начале? определение должно быть после определения из style.css файла.

те же утилиты для вебмастера показывают где и чем переопределяется свойство. если не помогает, то нужно писать
nav#main_navigation или добавить !important в свойство.

В дополнение к Mavrikii: сам шрифт Lora на веб сервере установлен (или подключен на странице)? И вообще, название шрифта написано правильно?

Mavrikii
В программе веб-редакторе, в свойствах тем есть возможность добавлять custom css.
Для той темы nav#main_navigation сработало, а для этой снова никак.

И что за утилиты, если не секрет?

Xrobak
Шрифт берётся из Гугл шрифтов и он подгружается, если правильно всё написать.

WONDROUS

Цитата:

а для этой снова никак.

и не сработает, потому что там иначе сделано. научитесь пользоваться панелью разработчика
ul#navigation

Цитата:

И что за утилиты, если не секрет?

встроенные в браузер - в каждом есть.
проще всего правой кнопкой на нужном элементе страницы и далее уже будет "инспектировать элемент" или "просмотр кода элемента"





и тд и тп.

Цитата:

и не сработает, потому что там иначе сделано. научитесь пользоваться панелью разработчика
ul#navigation

если быть точнее, то за семейство шрифтов там отвечает:

Код: nav ul li a, #menuBtn:before, #menuBtn.show:before {
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
}

Цитата:

если быть точнее, то за семейство шрифтов там отвечает:

да, сорри, не досмотрел ниже. в принципе удобнее смотреть закладку Computed - там все, что применяется из файла или в процессе выполнения js кода, отображается.

Скачал демо-версию темы для программы и никак не могу понять, откуда там берутся отступы сверху и снизу лого. Скриншот и основной css.
Как и где найти, и убрать отступы, и как сделать, чтобы размер лого, если оно больше, автоматически подстраивался под ширину основного блока?

WONDROUS
а может лучше вы выложите (или проанализируете сами) тут кусок кода верстки, где именно отступы мешают, чтоб выяснить, какие там классы прописаны, и будете эти классы уже искать в цсс?
один цсс без указания, какие классы юзаются, - это ни о чем.

Тем более, как понимаю, у вас там зачем-то несколько файлов цсс.

Я в этом не настолько хорошо разбираюсь, чтобы самому так сразу найти. Там даже если картинку меньше вставлять, такие же громадные отступы получаются. Если только маленькую картинку вставить, тогда более-менее. Может, тогда всю папку с CSS и JS выложить?

P.S. архив с остальным.

Ещё в той теме не получается фоновую картинку поставить. Если прописывать цвет для body, цвет фона меняется, прописываешь картинку, ничего.

Больше никто не подскажет на счёт не понятно откуда берущихся отступов? Или как можно в той теме изменить стиль для лого, чтобы его размер подстраивался под размер основного контейнера и чтобы лого было посередине?

WONDROUS
выложи не архив, из которого генерируется эти все данные (т.е. шаблон html и т.п.), а сгенерированный результат. Т.е. в своем браузере (или в том, который это поддерживает) сохрани html-страницу с css и js.
Тогда и подскажем.

ЗЫ.
Вообще по нормальному это определяется в отладчике браузера тыканием по элементу и просмотр, что там за стили на него назначены.

WONDROUS
1. Не каждый хочет вникать во все тонкости шаблона (куча файлов и как что там устроено)
2. Тот архив что ты выложил, открыл бы в браузере индекс.хтмл и ответил бы на простой вопрос: что там смотреть и что тебе ответить по сути?
3. За столько времени при острой необходимости, мог бы уже показать живой рабочий код, и скорее всего тебе подсказали куда смотреть. А гадать на кофейной гуще мало кто умеет.

Xrobak
я кго как раз таки и попросил выложить "живой" код.

Спасибо за ответы. Отступы и прочее разобрался, но не получается сделать лого посередине страницы (контейнера). В CSS такой код:

Код: .wrapper {
    margin: 0 auto;
    padding: 10px 0 0;
    position: relative;
    width: 960px
}

.siteHeader {
    margin-bottom: 1.2em
}

.logo {
    float: left;
}

.logo img {
    height: auto;
max-width: 100%;
}

.title {
    float: left;
    margin-top: 5px;
}

.site_title {
    font-size: 2.5em;
    font-weight: normal;
    letter-spacing: .05em;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    white-space: nowrap
}

.site_slogan {
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: .05em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    white-space: nowrap
}

WONDROUS
может это поможет


Код: <!-- der Container-Layer horizontal und vertikal centered -->

<div id="Layer-White" style="position:absolute; height:400px; width:500px;margin-top:-200px; margin-left:-250px;
top: 50%; left:50%; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #000000; ">

</div>

Можно ли в CSS задать определенный стиль для элементов "input" на всей странице лишь для определенного типа. Если в файле CSS определить стили для "input"

Код: input{...}

input[type="checkbox"] {...}

Всем привет!
Имеется следующий код:

Код:
<!DOCTYPE html>
<html>
<head>
<style>
.button
{
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
text-decoration: none;
display: inline-block;
border: 1px #000 solid;
border-radius: 18px;
font-size: 18px;
color: #000;
}
</style>
</head>
<body>
<a class="button" href="/1">1</a>
</body>
</html>

Firefox 44.0 проблемы не наблюдаю. Попробуй на родительский элемент (в твоем примере это body) применить font-size:0; может так полегчает.

Цитата:

Как от этого избавиться?

-попробуйте увеличить/уменьшить на пиксель размер размер контейнера и/или шрифта, укажите какой-нибудь шрифт, м.б. браузеры используют разные шрифты по дефолту. Мне кажется цифры разные - у Fx явно жирнее.
Я думаю, от подобных проблем гарантированно не избавиться - каждый браузер имеет свою арифметику и подобные пикселы появляются из-за округлений.
Кроме этого, у вас явно по-разному сработал анти-алиасинг.

Если вам нужна цифра в круге, посмотрите unicode &#9312; &#9313; &#9314; &#9315; &#9316; &#9317; &#9318; &#9319; &#9320; &#9321;

Добавлено:
Цифры не впечатались из-за кодировки форума.
http://xn-------53daca2adiaahbcaxqqaq9b2agjfuiequrm1dbl1ogx2q.xn--p1ai/example/size/ - смотрите внизу страницы в красной рамке. Когда скопипастите, напишите, я уберу эту ерунду.

a1dot0
попробуй
border-radius: 50%;

OLEX
Не, пиксель не пропал, но круг стал более круглым

Короче, сделал проще, реализовал разные css для разных браузеров.