Помощь Проблема с css - прошу помощи. header

[wwizard]

Добрый день. Такой Для просмотра ссылки Войди или Зарегистрируйся Проблемма с телефонами в шапке.
Как их раздвинуть так чтобы в одну полоске, в одну строчку были?
Вот что прописал в css:

 

[vytyacom]

Как минимум убрать маргин-райт
Для просмотра ссылки Войди или Зарегистрируйся

А далее смотря что по дизайну

 

[wwizard]

Как минимум убрать маргин-райт
Для просмотра ссылки Войди или Зарегистрируйся
А далее смотря что по дизайну

Просто сдвинуть их вместе, чтобы рядом над меню

 

[ddn128]

1. добавить к ним 1 общий стиль и прописать

.obshiy_style {
    display: inline-block;
    margin: 0 0px 0 6px;
}

margin по вкусу

2. или не добавлять стиль:

.telephoni, .telephoni2, .telephoni3 {
    display: inline-block;
    margin: 0 0px 0 6px;
}

и убрать у .telephoni, .telephoni2, .telephoni3 лишние (пересекающиеся) параметры

 

[wwizard]

margin по вкусу

.telephoni, .telephoni2, .telephoni3 {
    display: inline-block;
    margin: 0 0px 0 6px;
}

Супер, спасибо. Если можно еще вопрос:
У меня прописано так:
<p style=" border: 2px solid #D3D3D3; border-radius: 5px; padding: 5px; background-color: rgb(255, 175, 0); color: white;">(063) 012-72-12<p>
Хочу чтобы с телефона можно было нажать и позвонить. Вычитал что делается это так:
<p style=" border: 2px solid #D3D3D3; border-radius: 5px; padding: 5px; background-color: rgb(255, 175, 0); color: white;"><a href="tel:0630127212">(063) 012-72-12<p></ a>
Но после такой правки, сам телефон на сайте становится не белым а красным. На компутере его нажать можно, а на телефоне на Android - все также нет.

Может существуют еще решения?

 

[ddn128]

Но после такой правки, сам телефон на сайте становится не белым а красным.

.telephoni a, .telephoni2 a, .telephoni3 a {
color: #fff !important;
}

Зачем их в <p style=" border: 2px solid #D3D3D3; border-radius: 5px; padding: 5px; background-color: rgb(255, 175, 0); color: white;">
засовывать?
Они же в div-ах. Все стили
border: 2px solid #D3D3D3; border-radius: 5px; padding: 5px; background-color: rgb(255, 175, 0); color: white;
можно к ним прописать в css

 

[wwizard]

.telephoni a, .telephoni2 a, .telephoni3 a {
color: #fff !important;
}

Зачем их в <p style=" border: 2px solid #D3D3D3; border-radius: 5px; padding: 5px; background-color: rgb(255, 175, 0); color: white;">
засовывать?
Они же в div-ах. Все стили
border: 2px solid #D3D3D3; border-radius: 5px; padding: 5px; background-color: rgb(255, 175, 0); color: white;
можно к ним прописать в css

Да, но с телефона все равно не нажимается, дело не в цвете - с компа предлагает позвонить с помощью скайпа, а с телефона - оно все равно НЕ активно.

 

[vytyacom]

Да, но с телефона все равно не нажимается, дело не в цвете - с компа предлагает позвонить с помощью скайпа, а с телефона - оно все равно НЕ активно.

Есть Для просмотра ссылки Войди или Зарегистрируйся, работающий на мобилах
<a href="tel:123434656">123434656</a>
Т.е. в твоем случае чтото такое
<div><a href="tel:+380487882468">(048) 788-24-68</a></div>

 

[wwizard]

Есть Для просмотра ссылки Войди или Зарегистрируйся, работающий на мобилах
<a href="tel:123434656">123434656</a>
Т.е. в твоем случае чтото такое
<div><a href="tel:+380487882468">(048) 788-24-68</a></div>

Вот сейчас поставил, прошу Для просмотра ссылки Войди или Зарегистрируйся Ну не нажимается оно с телефона, никак.
Код выглядит так:
<div class="telephoni3">
<p style=" border: 2px solid #D3D3D3; border-radius: 5px; padding: 5px; background-color: rgb(0, 135, 247); color: white;"><a href="tel:+380487882468">(048) 788-24-68</a><p>
</div>

 

[vytyacom]

Класс, какая интересная ситуация, думаю, что знакомо так выглядлит то все
Давным давно я делал этот шаблон Для просмотра ссылки Войди или Зарегистрируйся
Ну это просто к слову.

Респонзив так сказать режим вовсе не видит этих ссылок Для просмотра ссылки Войди или Зарегистрируйся
На мобиле видны, но мне кажется проблема во 1х изза не правильной структуры
Для просмотра ссылки Войди или Зарегистрируйся

Должно быть так
<div class="row">
<div class="span12">
<div class="telephoni">
&&&&&&&
</div>
остальные телефоны
</div>
</div>

Эту структуру вставить сразу после
<div class="container">

А вообще, если шаблон куплен официально (хотя сомнительно конечно на этом сайте ), то можно обратиться в суппорт, там помогут пофиксить