IvanRu08

Наконец доверстал главную страницу. Хочу выставить на суд. Оцените, пожалуйста, кроссбраузерность, подходы к верстке и общую картину качества кода. http://verstkapro.cuccfree.com/

Огромная просьба. В футере есть маленькое меню. Нужно чтобы его пункты располагались вот так:

То есть первые символы всегда были на одной вертикальной линии независимо от длинны слова. Реализовал при помощи 3 списков, но решение не нравится, так как при добавлении новых пунктов все разъезжается. Наверняка как то можно проще и лучше это сделать.

Заранее всем спасибо за критику!

Для начала весьма недурно. Сразу бросается в глаза то, что верстка не гибкая, то есть при увеличение количества текста высота родителя не увеличивается. Это не хорошо. Никогда не вкладывайте внутрь строчных элементов блочные. В данном случае блочный тег H2 обернут в строчный span. Если уж возникла такая необходимость, пишите:

span {
	display: block;
}

Всем доброго времени суток! Нужно сверстать вот такой блок. Не могу понять как правильно сделать подобную рамку.

Пробовал через border-image - рамка отображается только слева и справа от блока. Закругления по углам так же не работают, ну и как сделать стрелочку тоже не знаю. Пробовал и так и сяк. Помогите пожалуйста. Заранее спасибо!

Всем привет. Нужно из psd макетов сделать интернет-магазин на WP при помощи Woocommerce. Не до конца понимаю как это сделать. Сверстаю я странички на html, создам из этого обыкновенную тему для WP. А потом просто сверху поставить этот плагин и напильником доделать? Или нужно как то по особому содавать тему? Знатоки, прошу помощи

57 минут назад, Igor Schnaider сказал:

Проверьте с другим свойством. display: flex, например. Или в настройках укажите, какие браузеры учитывать. Для последних версий браузеров префиксы для border-radius уже не нужны.

Точно, спасибо) Про это совсем забыл

Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо

Если хотите хоть чего то добиться, то на первых порах забудьте про CMS, конструкторы сайтов и прочую ерунду. Найдите себе макет, который нравится (для начала можно относительно простой) и начинайте верстать, попутно пользуясь гуглом и форумом. А перед этим зайдите на htmlbook и прочитайте серию уроков по верстке страницы с 0.

TimeWeb хороший и недорогой хостинг. Под ваши задачи за глаза даже начального пакета. Есть полноценный FTP доступ и возможность установки различных CMS (вы же не хотите делать блог из html файлов?). Зайдите на официальный сайт хостинга и почитайте подробнее.

55 минут назад, li4e сказал:

Используйте методы плагина

https://github.com/kenwheeler/slick#methods

Пробовал, не разобрался. Не хотят работать вместе. Можете написать хотя бы схематично код, который должен быть? Спасибо

Недавно поднимал тему слайдеров. Использую плагин slick slider. Нужно сделать слайдер наподобие (http://ресничныефеи.рф/) блок РАБОТЫ НАШИХ  МАСТЕРОВ. По отдельности получается сделать верхний и нижний слайдеры, однако сделать их вместе и синхронизировать не выходит. Как такое можно реализовать? Спасибо.

Всем привет. Заметил, что на сайте появилась большая горизонтальная полоса прокрутки, не могу найти причину. Помогите, пожалуйста. http://a96362zl.bget.ru/

1 минуту назад, swandev сказал:

Вы ведь даже не пробовали, не смотрели документацию, ищете сразу все готовое..

Я 100% уверенностью вам говорю, что в том слайдере есть все что вам нужно

Каюсь не пробовал. Увидел, что изображение увеличивается путем padding, что не подходит для изображений. Сейчас попробую, спасибо

2 часа назад, swandev сказал:

Вот этот точно подойдет, самый простой https://kenwheeler.github.io/slick/

 

Спасибо. К сожалению не подходит. Нужно чтобы изображением именно увеличивалось.

Всем доброго времени суток. Нужно сделать подобную штуку. Автоматическая прокрутка, изображение, когда доходит до центра, должно увеличиваться. Не нашел готовых примеров в сети. Заранее спасибо.

Подключил файл стилей, как вы сказали, однако картинки все равно не подгружаются. Прописал относительный путь - без толку.

7 часов назад, Q4Dizzy сказал:

style Должен быть подключен через wp_enqueue_style.

А так используются относительные пути. 

.box {
 	background: url('../images/image.jpg') no-repeat scroll 0 0 transparent; 
}

Обращаем внимание на ../

Регистрирую стили вот так. Что не правильно делаю?

<?php
function true_register_style_frontend() {
     wp_register_style( 'mystyle', get_stylesheet_directory_uri() . '/style.css', array('common', 'layout'), '14989210', 'screen' );
}
 
add_action( 'wp_enqueue_scripts', 'true_register_style_frontend' );
?>

<?php 
function true_register_style_frontend() {
 	wp_register_style( 'mystyle', get_stylesheet_directory_uri() . '/style.css', array('common', 'layout'), '14989210', 'screen' );
}
 
add_action( 'wp_enqueue_scripts', 'true_register_style_frontend' );
?>

Верстаю WP тему. Столкнулся со следующей проблемой. В обычной html верстке прописываю путь картинкам следующим образом:

<img src="images/pic_1.jpg" alt="">

Однако когда переношу все на сервер, картинки не отображаются. Решаю проблему следующим способом:

<img src="<?php echo get_template_directory_uri(); ?>/images/pic_1.jpg" alt="">

Это срабатывает в файлах типа index.php. А что делать с картинками, которые находятся, например, в style.css? Как вообще правильно прописывать путь, чтобы все работало. Заранее спасибо

9 часов назад, DivMan сказал:

А зачем ради того, что бы скрыть поле поиска, подключать jquery?

В дальнейшем на сайте с помощью jquery будет реализован не только поиск.

6 часов назад, VeniVidiVici сказал:

Из советов к вашей предыдущей теме:

К .news снова применяете :nth-child(3). Почему бы и не воспользоваться хорошим советом из предыдущей темы?

У меня этот блок выравнивает с помощью margin 0 auto. Придется создавать еще один div внутри него и прописывать эти стили или как? Вот, попробовал. Создал еще один контейнер внутри и прописал стили. Справа появился вообще какой то непонятный отступ. Что не так делаю?http://a96362zl.bget.ru/index.html

Всем привет. Давно выкладывал в этот раздел такую работу. Набрался немного опыта, решил переверстать. Хочу выслушать вашу критику по поводу качества кода, багов и так далее. Заранее спасибо.http://a96362zl.bget.ru/index.html

спасибо большое, учту)

Доверстал макетик. Прошу оценить верстку с точки зрения качества кода и подходов. Что сверстано неверно и что нужно доработать. Также отдельная рассказать о косяках с отображением, которые заметите. Вот сайт: http://a96362zl.bget.ru/index.html

Доброго времени суток. Верстаю футер. В процессе возникло несколько вопросов.

1) По макеты нужно, чтобы 3 колонки были в одну линию. Выставляю все необходимые отступы, и, к примеру, в мозиле все нормальна, а в хроме последний блок съезжает вниз. Как такое можно исправить.

2) Почему то textarea немного смещен относительно других input в последнем столбце. Почему так происходит? У placeholder в textarea шрифт почему то отличается от всех остальных. Как это можно победить?

http://a96362zl.bget.ru/index.html

Не хочу создавать много похожих тем, поэтому следующий вопрос. Как правильно сделать сетку из статей, которые ниже слайдера? При изменении количества текста вся сетка расползается. Сделал все inline block, может float попробовать или дело не в этом? Уже всю голову сломал http://a96362zl.bget.ru/index.html.

Никто не знает решения проблемы?

51 минуту назад, Switch74 сказал:

почему же не помогает? Разве фиолетовая полоса не начинает тянуться как надо?

нет, верхняя плашка совсем прилипает влево и остается проблема с серым фоном внизу при масшабировании