Search the Community
Showing results for tags 'шапка'.
Found 10 results
-
Здравствуйте, знаю, что уже много было таких тем, но я видимо уже даже переборщил со стилями и со всем чем можно, но честно уже не вижу причину, что я с ней сделал не так, и почему она не адаптивная. Укажите мне на мою ошибку и помогите сделать шапку адаптивной для любого разрешения экрана Да класс Headr, это не ошибка. Код самой шапки: <headr class="page-header"> <div class="logo"> <img src="/img/11111.png"> </div> <div class="nav-contact"> <ul class="contact-nav"> <li><a href="/catalog.php">Каталог</a></li> <li><a href="/about">О компании</a></li> <li><a href="/dostavka">Доставка и оплата</a></li> <li><a href="#download">Отзывы</a></li> <li><a href="/contact.php">Контакты</a></li> </ul> </div> <div class="telefon"> <ul class="member-actions"> <li><h4>+375 (29) </h4></li> <li><h4>+375 (33) ***-**-**</h4></li> <li><h4>+375 (25) </h4></li> </ul> </div> <div class="telefon-gor"> <ul class="member-actions"> <li><h4>+375 (17) ***-**-**</h4></li> </ul> </div> </headr> Стили относящиеся к данной шапке: И если не помогло, все что я тут написал, может ссылка на сайт поможет? Огромное спасибо всем, кто откликнется.
-
Добрый день. Появилась следующая проблема: При отображении сайта в любых браузерах - все работает корректно, кроме Google Chrome. Съезжает шапка сайта, а точнее то, что в css указывал позиционировать справа - располагается в левой части и закрывает логотип. Ну уж очень меня это напрягает. Не пойму, что нужно делать. Кто сталкивался с такой же проблемой? Сайт - ganzola.ru Заранее спасибо.
-
Всем привет. Прошу помощи: Имеется вот такое меню: <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 Всё, я неожиданно сам для себя разобрался только что)
-
Все поудалял перерыл но не могу никак удалить поиск из шапки подскажите будьте добры! Вот весь код шапки! <?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>
-
Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна
-
Здравствуйте! Я мало разбираюсь в веб-дизайне, но вопрос отправила сюда, потому что в теме для начинающих подходящей категории не было. Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается, но на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно. Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей. Повторюсь, что страницы входят по полям, все отлично с их масштабом - режет только шапку справа. Спасибо!
-
Адаптивный шаблон страницы. Шапка не смещается.
newjmrec1@gmail.com posted a question in HTML Coding
Здравствуйте! Помогите пожалуйста. Совмещаю html с css для создания адаптивного шаблона для рассылки писем. Вроде все адаптируется, но только шапка в мобильной версии почему-то смещается влево. Все перерыл, не могу понять почему. Спасибо! PS Возможно имеется лишний код, мог лишний раз куда-то добавить строчки из css. <html xmlns="http://www.w3.org/1999/xhtml"><head> <style type="text/css">.container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important;} </style> <style type="text/css">.content { padding:15px; max-width:600px; margin:0 auto; display:block; </style> <style type="text/css">.content table { width: 100%; } </style> <style type="text/css">.column { width: 300px; float:left;}.column tr td { padding: 15px; }.column-wrap { padding:0!important; margin:0 auto; max-width:600px!important;}.column table { width:100%;}.social .column { width: 280px; min-width: 279px; float:left;} </style> <style type="text/css">ul.sidebar { background:#ebebeb; display:block; list-style-type: none;}ul.sidebar li { display: block; margin:0;}ul.sidebar li a { text-decoration:none; color: #666; padding:10px 10px;/* font-weight:bold; */ margin-right:10px;/* text-align:center; */ cursor:pointer; border-bottom: 1px solid #777777; border-top: 1px solid #FFFFFF; display:block; margin:0;}ul.sidebar li a.last { border-bottom-width:0px;}ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;} </style> <style type="text/css">h1,h2,h3,h4,h5,h6 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;}h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }h1 { font-weight:200; font-size: 42px;}h2 { font-weight:200; font-size: 37px;}h3 { font-weight:500; font-size: 27px;}h4 { font-weight:500; font-size: 23px;}h5 { font-weight:900; font-size: 17px;}h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}.collapse { margin:0!important;}p, ul { margin-bottom: 10px; font-weight: normal; font-size:13px; line-height:1.6;}p.lead { font-size:17px; }p.last { margin-bottom:0px;}ul li { margin-left:5px; list-style-position: inside;} </style> <style type="text/css">{ margin:0; padding:0;}* { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }img { max-width: 100%; }.collapse { margin:0; padding:0;}body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; width: 100%!important; height: 100%;} </style> <!-- If you delete this tag, the sky will fall on your head --><meta name="viewport" content="width=device-width"> <title>Центр Рушеля Блаво</title></head><body bgcolor="#FFFFFF" style="cursor: col-resize;"><style type="text/css">.container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important;}</style><!-- HEADER --><style type="text/css">table.head-wrap { width: 100%;}.header.container table td.logo { padding: 15px; }.header.container table td.label { padding: 15px; padding-left:0px;}</style><table bgcolor="#999999" class="head-wrap"> <tbody> <tr> <td></td> <td class="header container"> <style type="text/css">.container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important;} </style> <div class="content"> <style type="text/css">.content { padding:15px; max-width:600px; margin:0 auto; display:block; </style> <style type="text/css">.content table { width: 100%; } </style> <table bgcolor="#999999"> <tbody> <tr> <td> <style type="text/css">table.head-wrap { width: 100%;} </style> <img src="http://placehold.it/200x50/" /></td> <td align="right"> <style type="text/css">table.head-wrap { width: 100%;} </style> <h6 class="collapse" style="text-align: right;">Hero</h6> </td> </tr> </tbody> </table> </div> </td> <td> <style type="text/css">table.head-wrap { width: 100%;} </style> </td> </tr> </tbody></table><!-- /HEADER --><!-- BODY --><style type="text/css">table.body-wrap { width: 100%;}</style><table class="body-wrap"> <tbody> <tr> <td></td> <td bgcolor="#FFFFFF" class="container"> <div class="content"> <style type="text/css">table.body-wrap { width: 100%;} </style> <table> <tbody> <tr> <td> <h3>Welcome, Elijah Baily</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.</p> <!-- A Real Hero (and a real human being) --> <style type="text/css">a { color: #2BA6CB;}.btn { text-decoration:none; color: #FFF; background-color: #666; padding:10px 16px; font-weight:bold; margin-right:10px; text-align:center; cursor:pointer; display: inline-block;}p.callout { padding:15px; background-color:#ECF8FF; margin-bottom: 15px;}.callout a { font-weight:bold; color: #2BA6CB;}table.social {/* padding:15px; */ background-color: #ebebeb; }.social .soc-btn { padding: 3px 7px; font-size:12px; margin-bottom:10px; text-decoration:none; color: #FFF;font-weight:bold; display:block; text-align:center;}a.fb { background-color: #3B5998!important; }a.tw { background-color: #1daced!important; }a.gp { background-color: #DB4A39!important; }a.ms { background-color: #000!important; }.sidebar .soc-btn { display:block; width:100%;} </style> <p><img src="http://placehold.it/600x300" /></p> <!-- /hero --><!-- Callout Panel --> <p class="callout">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="javascript:;" target="_self">Do it Now! »</a></p> <!-- /Callout Panel --> <h3>Title Ipsum <small>This is a note.</small></h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <a class="btn">Click Me!</a><br /> <br /> <!-- social & contact --> <style type="text/css">table.body-wrap { width: 100%;} </style> <table class="social" width="100%"> <tbody> <tr> <td><!— column 1 --> <style type="text/css">table.body-wrap { width: 100%;} </style> <table align="left" class="column"> <tbody> <tr> <td> <h5>Connect with Us:</h5> <p><a class="soc-btn fb" href="javascript:;" target="_self">Facebook</a> <a class="soc-btn tw" href="javascript:;" target="_self">Twitter</a> <a class="soc-btn gp" href="javascript:;" target="_self">Google+</a></p> </td> </tr> </tbody> </table> <!-- /column 1 --><!— column 2 --> <style type="text/css">table.body-wrap { width: 100%;} </style> <table align="left" class="column"> <tbody> <tr> <td> <h5>Contact Info:</h5> <p>Phone: <strong>408.341.0600</strong><br /> Email: <strong><a href="emailto:hseldon@trantor.com">hseldon@trantor.com</a></strong></p> </td> </tr> </tbody> </table> <!-- /column 2 --></td> </tr> </tbody> </table> <!-- /social & contact --></td> </tr> </tbody> </table> </div> </td> <td></td> </tr> </tbody></table><!-- /BODY --><!-- FOOTER --><style type="text/css">table.footer-wrap { width: 100%; clear:both!important;}.footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}.footer-wrap .container td.content p { font-size:10px; font-weight: bold; }</style><table class="footer-wrap"> <tbody> <tr> <td></td> <td class="container"><!-- content --> <div class="content"> <table> <tbody> <tr> <td align="center"> <p><a href="javascript:;" target="_self">Terms</a> | <a href="javascript:;" target="_self">Privacy</a> | <a href="javascript:;" target="_self"><unsubscribe>Unsubscribe</unsubscribe></a></p> </td> </tr> </tbody> </table> </div> <!-- /content --></td> <td></td> </tr> </tbody></table><!-- /FOOTER --><style type="text/css">table.body-wrap { width: 100%;}</style></body></html> -
Всем привет! Столкнулся с довольно необычной проблемой, а именно, когда добавляю тег <form> съезжает меню в шапке. Ладно бы если бы они находились в одном блоке, но они в совершенно разных блоках. Может я что-то проглядел, буду благодарен за помощь! На 1-ом фото как должно быть (без тега <form>) На 2-ом как он есть (с тегом <form>) Вот ссылка на код: https://jsfiddle.net/m84s70n2/(он, естественно, без картинок) Вот ссылка на сам файл: https://yadi.sk/d/Ho1JZJAoiPtbP
-
Шапка сайта не растягивается. Ни в каком браузере. Код шапки: <img src="images/head.gif" alt="Header" width="100%" height="100%"/> Пробовал выставлять в пикселях - слева отступ остаеться, справа уходит за окно браузера. Помогите, обьясните новичку в чём дело
-
Помогите найти картинки похожие на http://rghost.ru/49391161/image.png (Чёрная на белом фоне - резкий переход) примерный размер 1400x200 Картинки разной тематики, но желательно связанные с компьютерной- сферой
