IvanRu08

4 часа назад, Switch74 сказал:

задайте .top-header{ width: 960px;}

не помогает

Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html 

Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html 

Подскажите, почему не отображаются картинки  http://textdeposit.ru/gde-eshhe-zarabotat-kopirajteru ?? должна быть тут http://awesomescreenshot.com/0bd58eueeb  , в коде есть..

Где именно?

Wordpress. Он наверное лучший, учите его)

Весьма спорное заявление. Безусловно, c помощью плагинов wordpress можно превратить хоть в интернет магазин, но зачем? ^)

@kirill-,

tr:focus {   border: 1px solid #000;} 

Сайт не отображается корректно в IE9 http://portfolio-for-web.esy.es/

Как это исправить?

Что именно отображается некорректно? У меня все нормально

Необходимо написать мини функцию, которая на вход будет принимать цвет (переменную, в которой этот цвет хранится), а потом делать этот цвет темнее. Вот, что удалось написать:

@mixin dark-color ($color) {	background: darken({$color}, 5%);} 

Вот так я ее вызываю: 

.subs-submit:hover{    @include dark-color($submit-color);}

Но это не работает. При конвертировать этот код в css появляется ошибка:

В чем может быть проблема?

Оптимизация не должна идти во вред дизайну.

Если в нем предусмотрено два начертания, подключайте оба.

Не нужно самодеятельности, если это, конечно, не ваш проект.

 

Да и в 200кб вы, наверное, включили все форматы, тогда как загрузится только один.

В большинстве случаев WOFF.

Понял. То есть конвертировать только в Woff? Сейчас у меня шрифты в форматах: woff, woff2, eot, ttf

Всем привет. Есть два шрифта: обычный и жирный. Можно ли с помощью font-face подключить только обычный шрифт, а жирный имитировать с помощью font-weight: bold.  Экономия в 200Кб получается. Чем это чревато? Искал в интернете, не нашел ответа. 

Я так понимаю, проблема не в высоте, а в выравнивании.

Инпуты по умолчанию «display: inline;» и выравнены по базовой линии.

Так как высота строки у поля меньше, чем у кнопки происходит сдвиг.

 

Задайте инпутам «vertical-align: top;».

Спасибо! Проблема решена!

Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!

что то с форумом или с моим браузером, не вся инфа отправилась в сообщении. Только ссылки.

Советовал LESS, так как он очень прост в изучении (достаточно 1-2 статей, чтобы вникнуть) и полностью удовлетворяет потребностям ТС. Вот, можете почитать.

Мне просто нужно что то такое

ul{

    li{

    }

    li a{

    }

}

 

и задача переменных через @

 

Спасибо

Пробовал и так и так, нефига.

Вроде слеши должны быть обратными, разве нет?

display:block им, float:none; ну и центрировать margin: *px auto;

Спасибо, все оказалось проще, чем я думал

Уважаемые друзья! Предлагаю услуги по разработке дизайна (редизайна) сайтов под ключ. Для своих клиентов я всегда готов предложить индивидуальный подход и разумную оценку стоимости работ. Я работаю во всех стилях от классического до минималистического. Готов выполнить дизайн как сайта визитки, интернет магазина так и лэндинга. Работу делаю качественно, строго придерживая согласованных сроков. Всегда нахожусь на связи, оперативно внося изменения в дизайн согласно поступающим пожеланиям и замечаниям Заказчика.Работаю по предоплате 10%. С постоянными клиентами без предоплаты.Цены: главная от 40$, внутренняя от 10$.

Обращайтесь, буду рад сотрудничеству.

___________________________________________

 

Скайп: AnordK

Портфолио: https://freelance.ru/WebSiteDesigen

 

Почта: WebSiteDesigen@gmail.com

@dirty_prince, В том месте, где должна быть миниатюра, пишите:

<?php if ( has_post_thumbnail() ) {	the_post_thumbnail();}  ?> 

@dirty_prince, Чтобы включить поддержку миниатюр в теме, добавьте в файл functions.php 

<?phpif ( function_exists( 'add_theme_support' ) ) { 	add_theme_support( 'post-thumbnails' ); }?> 

Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html

Вот код футера:

<footer>			<section class="footer-inside">				<div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div>				<div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div>				<ul class="menu-bottom">					<li><a href="#">О проекте</a></li>					<li><a href="#">Контакты</a></li>					<li><a href="#">Все статьи</a></li>				</ul>				<div class="social-buttons">					<a href="#" class="rss"></a>					<a href="#" class="twitter"></a>					<a href="#" class="facb"></a>					<a href="#" class="gplus"></a>				</div>			</section>		</footer>

А вот стили: 

footer{    margin: 50px 0 0 0;    border-top: 1px dashed #ccc;    border-bottom: 9px solid #fdc300;    color: #979ea0;    padding: 0 0 23px 0;}footer a {    color: #979ea0;    border-bottom: 1px solid #e3e3e3;}footer a:hover {    border-bottom: none;}.footer-inside {    margin: 0 auto;    max-width: 1020px;}.counter {    float: left;    margin: 33px 0 0 0;}.counter img {    border-radius: 0;}.copyright {    margin: 35px 0 0 27px;    float: left;}.menu-bottom {    margin: 35px 0 0 60px;    float: left;}.menu-bottom li {    display: inline-block;    margin: 0 22px 0 0;}.social-buttons {    float: left;    margin: 35px 0px 0px 34px;}.social-buttons a {    border: none;    width: 25px;    height: 24px;    display: inline-block;    margin: 0 0px 0 4px;}a.rss {    background: url(images/rss-sprite.png) no-repeat;}a.twitter {    background: url(images/twitter-sprite.png) no-repeat;}a.facb {    background: url(images/facb-sprite.png) no-repeat;}a.gplus {    background: url(images/gplus-sprite.png) no-repeat;}a.rss:hover, a.twitter:hover, a.facb:hover, a.gplus:hover {    background-position: -25px 0;}/*Стили на адаптивность*/@media screen and (max-width: 1020px) {}

Может мне стоить что-нибудь почитать на эту тему? Заранее спасибо!

пробывал dispaly:inline но не робит.подскажите что не так

.class li {   display: inline-block;} 

так ты прописал отступ с лева в 66 пкс он так и делает, лучше всего задавать стили через css фаил, и прописать  margin: 0 uato;

А то что блок с абсолютным позиционированием вас не смущает?

Потому что, опять же не учитываете верхних флоатов. )

Выставьте clear: both; к .bottom-menu.

Спасибо, все заработало)

Возникла новая проблема. Прописал для родительских блоков clearfix, все нормально. Но теперь не учитывается высота самого aside. То есть нижнее меню должно быть внизу, а оно почему то под правой колонкой. В чем может быть дело? Сайт: http://cm04741.tmweb.ru/index.html