- 0
-
Similar Content
-
By ilya.pokrov
Добрый день.
Появилась следующая проблема:
При отображении сайта в любых браузерах - все работает корректно, кроме Google Chrome. Съезжает шапка сайта, а точнее то, что в css указывал позиционировать справа - располагается в левой части и закрывает логотип.
Ну уж очень меня это напрягает. Не пойму, что нужно делать.
Кто сталкивался с такой же проблемой?
Сайт - ganzola.ru
Заранее спасибо.
-
By s.brume
Всем привет. Прошу помощи:
Имеется вот такое меню:
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<img src="img/callbacklogo.png" alt="Консультация" width="275" height="50" />
<li class="active"><a href="#intro">Главная</a></li>
<li><a href="#service">Физлицам</a></li>
<li><a href="#doctor">Юрлицам</a></li>
<li><a href="#pricing">Стоимость услуг</a></li>
<li><a href="#pricing">Контакты</a></li>
- но почему-то первая картинка оказывается последней в списке меню. Как перенести её вперёд?
P.S.
Прошу камнями сильно не кидаться, я новичок. Если нужно что-то из CSS тоже - скину (просто пока точно не знаю, где именно нужный элемент).
Спасибо.
UPDATE
Всё, я неожиданно сам для себя разобрался только что)
-
By Андрей Климин
Все поудалял перерыл но не могу никак удалить поиск из шапки подскажите будьте добры!
Вот весь код шапки!
<?php /** * The header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package republic */ ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="page" class="hfeed site"> <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'republicpro' ); ?></a> <header itemscope itemtype="http://schema.org/WPHeader" id="masthead" class="site-header" role="banner"> <?php get_template_part('template-parts/topmenu'); ?> <div class="header-area"> <div class="mylogo"> <?php if ( function_exists( 'the_custom_logo' ) ) { the_custom_logo(); } if ( is_front_page() && is_home() ) : ?> <div class="site-branding"> <h1 itemprop="headline" class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> </div><!-- .site-branding --> <?php else : ?> <div class="site-branding"> <p itemprop="headline" class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> </div><!-- .site-branding --> <?php endif; ?> </div> <div class="asidelogo"> <?php if (!dynamic_sidebar('topareawid') ) : endif; ?> </div> </div> <nav id="site-navigation" class="main-navigation" role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement"> <?php if (has_nav_menu('primary')) { wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'menu-top-container','walker' => new bigrush_Walker_Nav_Menu() ) ); } ?> </nav><!-- #site-navigation --> <?php if (has_nav_menu('primary')) { ?> <div class="republicmob"><?php get_template_part('template-parts/mobmenu'); ?></div> <?php } ?> </header><!-- #masthead --> <?php if( of_get_option('hide_slider') =='on'){ if(is_home() || is_front_page()){ echo republic_slider(); } } ?> <div id="content" class="site-content"> <?php if (!dynamic_sidebar('belownavi-1') ) : endif; ?> <div class="large-12 columns belownavi"> <?php if (of_get_option('news_ticker') !=='off') { echo republic_ticker(); } ?> </div>
-
By kotikes
Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры?
з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна
-
By febgirl
Здравствуйте!
Я мало разбираюсь в веб-дизайне, но вопрос отправила сюда, потому что в теме для начинающих подходящей категории не было.
Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается, но на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно. Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей. Повторюсь, что страницы входят по полям, все отлично с их масштабом - режет только шапку справа.
Спасибо!
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
headhunterzz
Шапка сайта не растягивается. Ни в каком браузере. Код шапки:
<img src="images/head.gif" alt="Header" width="100%" height="100%"/>
Пробовал выставлять в пикселях - слева отступ остаеться, справа уходит за окно браузера. Помогите, обьясните новичку в чём дело
Link to comment
Share on other sites
9 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.