Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Не могу сдвинуть элемент вправо

Как сделать, чтобы номер телефона был справа только при максимальном разрешении экрана .col-lg (.right_text_header)? На остальных разрешениях посередине должен быть.
Пробовала с сеткой бутстрап, не получается - всегда справа:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.col-lg-3 .right_text_header {
    text-align:  right;
    margin-left: 60px;
 
}
 
 
.col-md-3 .right_text_header {
    text-align: right;
    margin-left: 0;
}
 
.col-sm-4 .right_text_header {
    text-align: center;
    margin-left: 0;
}
 
 
.col-xs-12 .right_text_header {
    text-align: center;
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<header id="header"><!--header-->
 
        
        <div class="header-middle"><!--header-middle-->
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-md-3 col-lg-3 col-xs-12">
                            <div class="logo outer">
                                <div class="inner">
                                    <div class="block">
                                        <a href="index.html"><img src="http://www.cyberforum.ru/images/img/obraz4.png" class="image" alt="" /></a>
                                    </div>
                            </div>
                        </div>
                    </div>
                        <div class="col-sm-7 col-md-5 col-lg-6 col-xs-12">
                            <div class="center_text_header">
                                <div class="outer">
                                    <div class="inner header_text_address">
                                        <p><span class="glyphicon glyphicon-home glyphicon-color"></span>
                                             ул. Морозова, д. 100, 17777, Мой_город
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div class="col-sm-5 col-md-4 col-lg-3 col-xs-12">
                        <div class="right_text_header">
                            <div class="outer">
                                <div class="inner header_phone">
 
                                    <p><span class="glyphicon glyphicon-phone-alt glyphicon-color"></span> +7(777)38888</p>
 
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            </div>
        </div><!--/header-middle-->
Ответ: В шапке слева логотип , в середине адрес, справа-телефон на разрешении col-lg.
Для того, чтобы крайние элементы - логотип прижимался к левому краю, а телефон к правому только на разрешении col-lg. На остальных устройствах это не надо, все элементы на остальных 3 устройствах col-md, col-sm, col-xs посередине своего блока. Как это сделать?
Такой код css не работает:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.col-lg-3 .right_text_header { //это правый крайний блок с телефоном
    text-align:  right;
    margin-left: 60px;
 
}
 
 
.col-md-3 .right_text_header {
    text-align: center;
    margin-left: 0;
}
 
.col-sm-4 .right_text_header {
    text-align: center;
    margin-left: 0;
}
 
 
.col-xs-12 .right_text_header {
    text-align: center;
}
Добавлено через 2 часа 44 минуты
Я гуглила. Ответ не нашла. Суть вопроса в следующем. Как для разных типов экранов по сетке бутстрап настроить свои стили для каждого разрешения отдельно?

Добавлено через 10 минут
Здесь предлагают медиазапросы

Добавлено через 4 минуты
Вопрос: Не могу сдвинуть заголовок

никак не могу сдвинуть заголовок Надо видеть фон как на сайте нтв плюс.
Ответ: Спасибо я как раз там копаю уже второй день.а как дописать не учился командам. Даже специ а Авада не дали нормального ответа. Ещё раз спасибо с Сочи. Юрий

Добавлено через 2 часа 32 минуты
Да уж везде всунул. и вначале и в конце Никак не меняется. Видно где то в другом месте спрятали гады. Сейчас с авады письмо прислали тож не могут понять,что хочу. скинул название основного.подождём. Даже Мозилла не помогла.

Добавлено через 15 часов 16 минут
победил с помощью разработчиков. Тема AVADA одна из лучших в WP/ Please try this code inside theme Options > Custom CSS Tab

#wrapper{margin-top: 200px !important;}

Добавлено через 2 минуты
Сейчас попробую сделать на своём основном Всем спасибо.Есл кому что надо обращайтесь.
Вопрос: Не могу разместить элементы в ряд

Начал изучать boootstrap. Не могу разместить элементы в ряд. В чем проблема?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="style/bootstrap.min.css">
    <link rel="stylesheet" href="style/style.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-1.12.3.min.js"></script>
    <meta charset="utf-8">
    <title>AmongCoding.ru</title>
</head>
<body>
    <div class="container">
 
        <div class="row" id="header">
            <div class="span12">
                header
            </div>
        </div>
 
        <div class="row" id="content">
            <div class="span3">sidebar</div>
            <div class="span9">text</div>
        </div>
 
        <div class="row" id="footer">
            <div class="span12">
                footer
            </div>
        </div>
 
    </div>
 
</body>
</html>
Ответ:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="style/bootstrap.min.css">
    <link rel="stylesheet" href="style/style.css">
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-1.12.3.min.js"></script>
    <meta charset="utf-8">
    <title>AmongCoding.ru</title>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-lg-4" id="header">
                <div class="span12">
                    header
                </div>
            </div>
     
            <div class="col-lg-4" id="content">
                <div class="span3">sidebar</div>
                <div class="span9">text</div>
            </div>
     
            <div class="col-lg-4" id="footer">
                <div class="span12">
                    footer
                </div>
            </div>
        </div>
    </div>
</body>
</html>
Вопрос: Сдвинуть элемент на 10 пикселей вправо

Есть 1 слово. При клике на это слово сдвинуть его на 10 пикселей вправо.
Ответ:
Код PHPHTML
1
2
3
4
если слово нужно сдвинуть 1 раз влево...
<div onClick="this.style.paddingLeft+=10+'px';">слово</div>
если слово нужно сдвигать влево при каждом клике...
<div onClick="this.style.paddingLeft=10+parseInt(window.getComputedStyle(this,null).paddingLeft)+'px';">слово</div>
Вопрос: Сдвинуть иконки вправо

Помогите сдвинуть вправо иконки соц сетей в футоре моего сайта
Ответ: Спасибо всё получилось
Вопрос: Не удается сдвинуть изображение вправо

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

В общем изображение товара на окне быстрого просмотра должно выглядеть полноразмерно, вот таким образом:


А вместо этого я получаю вот такую превьюшку:


И это с учетом того что изображения одинакового размера. Пробовал закидывать крупные рисунки, но не удалось активизировать эту штуку. Единственное предположение это то что картинка новых товаров сдвинута:


Адрес: У кого какие предложения?
Ответ: Искал это значение, по ходу дела "оптимизировал код", в итоге при переходе на сайт обнаружил ошибку 500 Internal Server Error...

Так как сайт на Wordpress загуглил методы исправления. Исправить удалось методом удаления файла файла .htaccess.
Попутно по удалял плагины снес пару тем оформления. Увидев свой местами заглюченный интернет магазин обрадовался, но продолжил искать путь решения проблемки.

Уже посетила мысль снести эту тему магазина и поставить другую, так как мобильная версия и вовсе тормозит. Ох уж темки этого вордпресса.
Вопрос: Не могу перенести блок вправо

Блок меню (div class=menu) не могу выставить что бы он стоял справа, на одном уровне с логотипом. В таком варианте как сейчас выглядит правильно только на моем разрешении экрана и сдвигается при добавлении нового пункта.
Ответ:
да я сам только тут работаю
а тут просто ду маю подскажу, то что знаю
Вопрос: Ajax - после загрузки не могу получить элемент

Как быть в такой ситуации, после загрузки аяксом контента в таблицу... У меня не доступны элементы со скрипта...


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
// Тут подключен файл с скриптом js активация datatables и.т.д
 
<table>
  <thead>
     <th>1</th>
     <th>1</th>
  </thead>
 
  // Сюда аякс возвращает <tbody>Контент</tbody>
 
 
</table>

Но далее проблема в том что с подключеного файла я не могу получить по клику данные с добавленного контента... Если только этот скрипт будет в файле с контентом который возвращает аякс....

Но это мне не подходит т.к я использую datatables, если я их активирую в первом файле подключеном со скриптами, не смогу работать с ним в файле с контентом.
Ответ: Уф, ну в проекте везде он используется ) я как - бы уже решил проблему с js ...
Вопрос: Overflow auto

Есть overflow у контейнера с содержимым, контейнер по высоте за 4к пикселей, по ширине тоже около 4000px, так вот сейчас мне приходится крутить в самый низ для того чтобы сдвинуть элементы вправо с помощью overflow, как можно прибить overflow к нижней границе экрана чтобы можно было прокручивать элементы в строну
Ответ: KOPOJI в точку !, пока вниз не мотнешь не увидишь скролл

Добавлено через 5 минут
тянуть текст вправо это ужасно, буду копать в сторону плагина)
Вопрос: Как зафлоатить последний элемент списка вправо?

Как не пытался, не могу инпут прижать вправо ..
Это вообще можно сделать используя список?

Песочница:
Ответ: