Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.11.2016, 14:51   #1
Redass
Новичок
Джуниор
 
Регистрация: 09.11.2016
Сообщений: 4
Злость Картинка в шапке не двигается, что с style.ss не так?или что?

Сайт на Wordpress, я несколько дней мучался, роя интернет и решая как добавить социальные кнопки (кнопки, нажимая на которые юзверь попадёт на группу сайта ВКонтактике например), что не заметил очевидного решения, взять картинку с кнопкой, и вставить её в шапку (хочу чтоб была справа вверху) и в неё встроить ссылку. Ну сказано, сделано, нашёл гайд, сделал, но проблема в том что она не справа, а слева. Вот что было написано в гайде
Код:
<div class="banner"><div>
<strong>Здесь необходимо вписать код вашего баннера</strong>
</div>
</div>
Это в header.php. Далее написано что нужно добавить строку (можно в конец) в style.css. Вот строка
Код:
.banner {
float: right;
margin-top: 11px;
margin-right: -50px;
}
Добавил, убирал float, менял значения на разные, на тысячные, на любые, кнопка никуда не двигается, вообще никаких изменений не происходит. Кэш браузера удалял. Я было подумал что style.css вообще не работает, удалил весь код из него, заметил явные изменения на сайте, некоторые вещи пропали. Значит вроде как работает. Так где моя ошибка?

Последний раз редактировалось Alex11223; 09.11.2016 в 15:33.
Redass вне форума Ответить с цитированием
Старый 09.11.2016, 15:30   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Плавающие элементы сильно зависят от окружения, надо смотреть целиком.
И попробуй прикола ради в девтулз проинспектировать свой баннер и посмотреть, какие стили на него реально применяются.
П.С.
скорей всего на кнопки вешается position: absolute; скриптом и там же они позиционируются, в этом случае, срать они хотели на то, какие стили ты добавишь в .banner, кроме position отличного от static, конечно.
П.П.С. Если у кнопок свой float, это тоже может подкинуть говна на вентилятор
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 09.11.2016, 16:02   #3
Redass
Новичок
Джуниор
 
Регистрация: 09.11.2016
Сообщений: 4
По умолчанию

Цитата:
И попробуй прикола ради в девтулз проинспектировать свой баннер и посмотреть, какие стили на него реально применяются.
А я не умею)))
Цитата:
Если у кнопок свой float, это тоже может подкинуть говна на вентилятор
Я не думаю что у неё есть что то своё, ведь это сути не кнопка, а просто картинка с гиперссылкой.

Последний раз редактировалось Alex11223; 09.11.2016 в 16:38.
Redass вне форума Ответить с цитированием
Старый 09.11.2016, 16:37   #4
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Цитата:
Сообщение от Redass Посмотреть сообщение
А я не умею
Открывать браузер и нажимать F12 не умеете?
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 09.11.2016, 17:15   #5
Redass
Новичок
Джуниор
 
Регистрация: 09.11.2016
Сообщений: 4
По умолчанию

bootstrap.css - в правом углу есть, и там вот такое прописано
Код:
element.style {
}

img {
    vertical-align: middle;
}
img {
    border: 0;
    max-width: 100%;
    height: auto;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img[Attributes Style] {
    width: 150px;
    height: 150px;
}
Inherited from a
a, .searchform .screen-reader-text, .post_meta i, .author_bio_sidebar .social_box a, .post-title a:hover, .post-footer i, .page_nav_wrap .post_nav ul li .current, .page_nav_wrap .post_nav ul li a:hover {
    color: #FF5B5B;
}
a {
    color: #ff5b5b;
    text-decoration: none;
}
a {
    cursor: pointer;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}
Inherited from body.home-page.home.blog.logged-in.admin-bar.js.customize-support
body {
    font-family: "Roboto", arial, sans-serif;
}
body, button, input, select, textarea {
    color: #8B8686;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 20px;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #8b8686;
    background-color: #210f1d;
}
Inherited from html
html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
Pseudo ::before element
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Pseudo ::after element
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
есть один раз style.css но там чёт всё перечёркнуто

______________________
Используйте тег [CODE] (кнопка с решеткой # в форме сообщения) при вставке кода на форум.
Redass вне форума Ответить с цитированием
Старый 09.11.2016, 17:21   #6
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Так сложно гадать. Советую начать с изучения основ CSS и HTML, а не тупо копипастить что-то откуда-то.
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 09.11.2016, 17:40   #7
Redass
Новичок
Джуниор
 
Регистрация: 09.11.2016
Сообщений: 4
По умолчанию

Задача решена!!!Весьма странным способом, я кидал скрипт
Код:
.banner {
 float: right;
 margin-top: 11px;
 margin-right: -50px;
 }
В конец в файле style.css. Оказалось что он там может не работать, я его закинул повыше (а именно в хедер в конец) и всё заработало, оставляю здесь, надеюсь кому то ещё поможет!

Последний раз редактировалось Alex11223; 09.11.2016 в 17:43.
Redass вне форума Ответить с цитированием
Старый 09.11.2016, 17:48   #8
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Что странного?
В CSS правила находящиеся "ниже" перезаписывают такие же старые правила. (ну и остальные правила каскадирования http://htmlbook.ru/samcss/kaskadirovanie)
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
поиск по большому массиву данных или что я делаю не так Folly SQL, базы данных 5 01.02.2014 20:03
Что не так с ИЛИ ? L6go1as Общие вопросы C/C++ 10 24.11.2011 14:08
Что с файлом и как его, так сделали или изуродовали? valerij Microsoft Office Excel 4 10.01.2011 16:47
Мне надо сделать так что бы на главной странице картинка была по центру и под ней находился текст Чайник = ) HTML и CSS 1 21.10.2010 18:39