Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)
Предыдущая тема: Общие вопросы по оформлению (62)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
тогда я не знаю это
Здравствуйте! Пытаюсь добавить кнопки в профиль для скрытия информации, но никак не получается сделать их по центру горизонтально
Доброго времени суток. Может это я рукожоп, но в общем, вот пытаюсь централизировать кнопочки навигации, но как-то оно все выглядит прискорбно. Жертва экспериментов - http://meleagentcam.rusff.ru/
Хотелось бы чтобы все было централизировано и аккуратно, как тут - http://nice2meet.rusff.ru/
прикладываю скрин, как хотелось чтобы было. на скрине пример как кнопки стоят для незарегистрированных пользователей.
вот можно сделать так, чтобы все меню было также ровно и красиво, а не так?
Доброго времени суток. Может это я рукожоп, но в общем, вот пытаюсь централизировать кнопочки навигации, но как-то оно все выглядит прискорбно.
Во вы накрутили.. 
Зачем столько абсолютов, собсно зачем они вообще здесь нужны? Уберите с кнопок отдельные навороты полностью оставьте на них только фоновую картинку, здесь шрифт на ноль:
/* D3.4 */
#pun-navlinks li a {
font-size: 0px;
font-family: 'bebas neue';
font-weight: bold;
display: inline-block;
}
Сюда делаем вот так:
/* D3.2 */
#pun-navlinks .container {
text-align: center;
background-color: transparent;
margin: -700px auto 700px auto;
width: 1000px;
}
Сюда вот так:
/* D.3 */
#pun-navlinks li {
display: inline-block;
margin: 0.40% auto;
}
Это: margin: -700px auto 700px auto; на самом деле и есть центровка, но так как диз у вас неотцентрирован, то делаем сдвиг слева обратно:
margin: -700px auto 700px -54px;
kolobdur74
спасибо) с такого рода навигацией работаю в первый раз, наворотила с три короба)))
Trinity Wane, и еще несколько моментов:
1. Чем меньше абсолютов вы используете в дизайне, тем меньше вы получаете проблем на заднюю точку.. Абсолютами надо уметь пользоваться - это только исключительно местное лечение, а не панацея от всех бед.. Используется с оборотом родителя в relative.
2. Напрямую селекторы кнопок используются разве что на них повесить фон, в остальных случаях прописывается по общим селекторам, то бишь вот так неправильно:
#navindex a {
background: url(https://i.imgur.com/hKJWvD9.png) no-repeat top center;
display: inline-block;
position: absolute;
height: 28px;
width: 142px;
top: 1px;
left: 22px;
font-size: 0px!important;
}
Вы плодите лишний код и получаете кучу проблем, в виде путаницы и уменьшения рейтинга от поисковиков за не оптимизированный код.. Такие вещи вешаются на общий селектор:
#pun-navlinks li a
kolobdur74
когда смотрю от гостя, кнопки опускаются вниз, как быть в этом случае?
когда смотрю от гостя, кнопки опускаются вниз, как быть в этом случае?
Вы дополнительный пункт меню добавляете картинкой? - лучше так же добавлять как и все остальные кнопки, через фон..
Trinity Wane
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0 auto;
text-align: center;
margin-left:74px;
}
И:
/* D3.2 */
#pun-navlinks .container {
text-align: center;
background-color: transparent;
margin: -700px auto 700px -64px;
width: 1030px;
}
kolobdur74
может, дело в кнопке пиара?
просто так-то по факту нет дополнительных пунктов меню
может, дело в кнопке пиара?
просто так-то по факту нет дополнительных пунктов меню
Да, она - она ломает судя по всему.. Ее надо перевести в тот же вид, что и остальное меню, вот так к примеру:
<a href="javascript://" onclick="PR['in_1']()"><span>Кнопка Пиара</span></a>
А у вас сейчас так:
<a href="javascript://" onclick="PR['in_1']()"><span><img src="https://i.imgur.com/Bc5cWjl.png" class="PRbtnImage"></span></a>
Отредактировано kolobdur74 (Вс, 3 Дек 2017 12:09:01)
kolobdur74
подскажете, как можно данную проблему решить?
подскажете, как можно данную проблему решить?
Киньте код пиара, чтобы не копаться..
kolobdur74
<!-- Пиар-вход v.2 --> <script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script> <script type="text/javascript"> PR.nick = 'Реклама'; //Ник PR-аккаунта PR.pass = '1111'; //Пароль PR-аккаунта PR.btn_text = 'https://i.imgur.com/Bc5cWjl.png'; //Надпись на кнопке PR-входа(или ссылка на картинку); PR.set();</script>
плюс в стиле прописано так:
#navpr_1 a{
background: url(https://i.imgur.com/Bc5cWjl.png) no-repeat top center;
margin-left: 5px;
}если надо, эту часть уберу
Trinity Wane
PR.btn_text = 'https://i.imgur.com/Bc5cWjl.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
Потом на нее так же вешаем фон: https://i.imgur.com/Bc5cWjl.png
R.btn_text = 'https://i.imgur.com/Bc5cWjl.png'; //Надпись на кнопке PR-входа(или ссылка на картинку);
Пишем так:
R.btn_text = 'Пиар вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
kolobdur74
простите, туплю, не пойму, как все же в итоге будет?
простите, туплю, не пойму, как все же в итоге будет?
Пишем так:
R.btn_text = 'Пиар вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
Затем:
#navpr_1 a{
background: url(https://i.imgur.com/Bc5cWjl.png) no-repeat top center;
margin-left: 5px;
}
Дальше смотрим как стоит и если что правим..
Trinity Wane
То есть полностью код:
<!-- Пиар-вход v.2 -->
<script src="http://forumstatic.ru/files/0015/c4/3f/26781.js"></script>
<script type="text/javascript">
PR.nick = 'Реклама'; //Ник PR-аккаунта
PR.pass = '1111'; //Пароль PR-аккаунта
PR.btn_text = 'Пиар вход'; //Надпись на кнопке PR-входа(или ссылка на картинку);
PR.set();</script>
kolobdur74
кнопка в таком случае и вовсе пропадает.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (63)