HTML Coding

29,542 questions in this forum

1. Задачка интересная, чистый css

   Доброй ночи, уважаемые пользователи форума. Столкнулся с задачкой, может я уже хочу спать или еще что то. Но почему то не могу решить одну задачку. И так, есть див. В нем есть заголовок и несколько параграфов. Ширина блока, фиксированная. Высота нет! Как только при помощи css создать еще 2 блока, и подложить их под первый и чуть чуть сдвинуть. дабы получилось что то вроде страниц. Проблема: для доп. блоков не могу указать высоту, потому что высота главного блока, для которого повторять нужно резиновая. Идеи: 1) использовать after, before <div class="block"> <h2>Заголовок</h2> <p>Параграф 1</p> <p>Параграф 2</p> <…

   Asked by RodgerFox, November 18, 2012

   0 votes
   20 answers
2. При наведении на одну ссылку подсветить две

   Всем привет, такая проблема <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение? Помогите, кто чем может

   Asked by galaydas, March 21, 2013

   • HTML CSS
   0 votes
   20 answers
3. Генерация рандомного значения на Javascript

   Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?

   Asked by Самая сладкая, April 30, 2013

   • js
   • javascript
   0 votes
   20 answers
4. как сделать так, чтобы фон тоже мигал?

   http://jsfiddle.net/HPsz4/

   Asked by DivMan, May 26, 2013

   0 votes
   20 answers
5. как сделать такой макет

   как сделать макет как на изображении ниже: ? Жду ответа.

   Asked by sitemaker999, July 17, 2013

   • макет
   • как сделать
   • ширина
   0 votes
   20 answers
6. Проблема с меню first-child

   не как не могу реализовать, пробовал и так и так не как не получается Специально сделал черным что бы видно было... http://jsfiddle.net/9LSf7/1/ И еще дело в том то что мне надо будет еще потом перед текстом иконки вставлять.. вот такая заморочка у меня вышла не как не могу подвинуть что бы он не залезал на полоску которая в first-child

   Asked by BSandro, November 22, 2013

   0 votes
   20 answers
7. small или strong?

   Надпись у формы маленьким шрифтом - "Мы гарантируем 100% конфиденциальность. Ваши данные не будут переданы третьим лицам". Семантически - это strong или small?

   Asked by Zverushka, December 9, 2013

   0 votes
   20 answers
8. Графические элементы сайта: сколько вариантов разрешений создавать?

   Например, нарисовал графические элементы для сайта. В каком ppi сохранять? Одно максимальное, которое поддерживает самый крутой монитор, а браузер сам правильно промасштабирует, если разрешение окажется меньше (читал, андроид так умеет, но только с графикой в приложениях)? Или браузеры так не умеют и сохранять в нескольких?

   Asked by ручник, December 11, 2013

   • ppi
   • смартфоны
   • десктопы
   0 votes
   20 answers
9. верстка сложного макета

   Здравствуйте.В html верстке, у меня пока что не так много опыта.Есть сложный макет.Хотелось бы знать по какому принципу его верстать,думаю как же все это разместить, использовать float?либо попробовать сделать по grid системе? может его как-нибуть подругому надо верстать. Может кто подскажет, как именно здесь действовать оптимально? сам макет

   Asked by spy7190, December 20, 2013

   0 votes
   20 answers
10. Самый убогий вопрос

    Всем привет. Начинать всегда сложно. Вот мне бы начать. Подскажите с чего и как лучше? Может книжку посоветуете? Как кто начинал?

    Asked by Kokoko, December 22, 2013

    • начало
    • html
    • css
    • js
    0 votes
    20 answers
11. Хочу научиться вёрстке нужны советы

    Всем привет.Зовут меня Андрей и вот возникло желание обучиться этому ремеслу.На данном этапе знаний практически никаких ,лишь обобщенное понятие . С Чего стоит начинать к примеру сейчас я на сайте прочитал всё статьи по HTML ,дальше изучать XHTML и HTML5 или же переходить на CSS? в принципе был опыт работы на шаблоне для Joomli ипредставление о CSS и HTML я имею... На форуме читал ,что только практика укрепит теорию - может стоит сразу попробывать сверстать какой-либо лёгкий пример и входе этого читать теорию? если да может посоветуете с чего начинать ?

    Asked by extrabass4, January 7, 2014

    0 votes
    20 answers
12. Не работает кнопка

    Здравствуйте! Я учусь в 8 классе. В 9 классе у нас будет по ИВТ пару тем связанных с html. Меня это заинтересовало и я решил изучить html. Мне понравилось) Я начал делать страницы и пока обходился без кнопок. Но вот решил сделать "Анкета гостя сайта". Сделал всё по учебнику 9-го класса 2004 года автор: Угринович. Сделал АБСОЛЮТНО всё так, как там показано, но вместо кнопки поле, в котором написано "отправить". Вот можете сами попробовать "нажать" на эту кнопку http://normylik.cf/faq/anketa.html (все ссылки указанные на сайт не действительны, так как вместо домена .ru купил другой для сайта, который я создал месяц назад с помошью движка на пхп). Спасибо.

    Asked by Normylik, January 14, 2014

    0 votes
    20 answers
13. Путь истинный для новичка

    Всем добрый день. Сейчас изучаю HTML & CSS, что делать и изучать дальше? Просмотрев курсы по HTML не пойму для чего нужна вёрстка и как вообще применять HTML & CSS для сайтостроения.

    Asked by 007bond, March 25, 2014

    0 votes
    20 answers
14. Оффсет для списка

    Всем доброго времени суток! Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83 Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента? Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

    Asked by betmakh, June 19, 2014

    • li
    • ul
    • ol
    • отступ
    • offset
    0 votes
    20 answers
15. PHP и JavaScript, В чем их задача и в чем отличие?

    Немного погуглив, я нашел, что php это серверный язык, а java клиентский, но в чем их общая задача? Например, сделать надо регистрацию на сайте или cms систему, на каком языке это будет сделать легче, безопасней и удобней?

    Asked by RuslanHeYca4ev, October 4, 2014

    0 votes
    20 answers
16. Проблемы в использовании Bootstrap, Less/SASS

    Приветствую всех! У меня назрел вопрос по теме использования bootstrap. Я не понимаю, как с помощью этой библиотеки можно верстать уникальные дизайны. В теории все кажется достаточно простым и понятным, а на деле разработка превращается в кошмар и войну со стилями и полнейший хаос. В итоге, вместо быстроты и удобства, появляется ощущение какой-то искусственной усложненности и ненужности этого всего. Хочу обратиться к тем, кто успешно работает с bootstrap - как вы это делаете? Прошу дать мне советы, как нужно с этим работать и на что нужно обратить внимание. Чтение мануалов и гугл не помогают с проблемой. Еще подобная проблема у меня есть с препроцессорами Less, SASS. Я не…

    Asked by Raccoon, October 19, 2014

    • bootstrap
    • css
    • less
    • sass
    0 votes
    20 answers
17. Как правильно определить разрешения экрана

    Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…

    Asked by alleclf, February 24, 2015

    0 votes
    20 answers
18. Почему не работает @media?

    Задача: на экранах с шириной до 480px убрать сайдбары, после чего заполнить их место контентом. Что сделал: в общем css файле в самом верху прописал: @media=only screen and (max-device-width:480px) {#sidebar1,#sidebar2 {display:none;}#wrapper {max-width:480px;}#header, #menu, #content, #footer {width:100%;}}/* далее идет основной css для всех */Тестирую в файрфоксе инструментами для разработчика. Ничего не меняется. Вопрос: что сделать, чтобы заработало?

    Asked by nikki4, April 2, 2015

    0 votes
    20 answers
19. Как прикрепить виджет соц. сетей к левому краю экрана?

    Здравствуйте! На блоге Free-pc.ru решил установить вертикальный плавающий виджет соц. сетей от Share42.ru. Вот его код: <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="650" data-top2="650" data-margin="-135"></div><script type="text/javascript" src="http://free-pc.ru/share42/share42.js"></script> Но при разных разрешениях экрана он сдвигается влево-вправо. Подскажите пожалуйста как прикрепить виджет соц. сетей "намертво" к левому краю экрана? Как виджет "Отзывы и предложения" Спасибо!

    Asked by Марат, May 6, 2015

    0 votes
    20 answers
20. Ищу наставника

    Всем привет, уважаемые форумчане. Понимаю, что вряд ли эта тема выстрелит, но я буду благодарен, если вы просто задержитесь на этом посте дольше 10 секунд . Я ищу наставника. И чтобы не тратить Ваше время постараюсь компактно рассказать о себе и что я могу предложить. Хочу сразу уточнить, что это не коммерческое предложение. Я студент, заканчиваю бакалаврат. В школе увлекался html, верстал свои первые странички. Потом в институте усиленно изучал языки программирования, в частности Java. Но работу спустя 2 года поисков найти так и не смог. Какое то время фрилансил на джаве. Сейчас же решил углубленно изучить HTML и CSS. Во первых это не будет лишним непосредственно для…

    Asked by RakNaGore, May 30, 2015

    • наставник поиск
    0 votes
    20 answers
21. Сверстать портфолио

    Верстаю очередной макетик-портфолио. Столкнулся с проблемой. Идут 16 картинок, по 4 вряд. Указываю для класса .works margin: 40px 0 40px 0; Получается что и у 4, 8, 12, 16 блоков есть отступ справа 40. Они как бы выступают из основного контейнера. С помощью nth-child убираю этот отступ. Есть другой способ? Так как при добавлении еще n количества работ придется дописывать css Вот сама работа: http://cm04741.tmweb.ru/

    Asked by IvanRu08, August 15, 2015

    0 votes
    20 answers
22. необьяснимый z-index

    Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez

    Asked by Mixail.09, February 8, 2016

    0 votes
    20 answers
23. Сайт без вертикальной прокрутки, адаптивный, футер прижат книзу

    Очень нужна помощь опытных верстальщиков. Визуально ТЗ на картинке. Требования следующие: 1) футер прижат книзу 2) фоновый слайдер-карусель (выглядит именно так, по бокам предыдущая и следующая фотографии чуть затемненные) 3) полностью адаптивный, другими словами не должно быть ни горизонтальной, ни вертикальной прокрутки при любых разрешениях экрана 4) контент расположен в блоке поверх карусели 5) все это должно работать на CMS Joomla Я уже чего только не пробовал. Универсального решения не нашел. Фиксишь футер, остается пространство между каруселью и футером. Подгонять по высоте и прописывать стили для всех типов разрешений... Вряд ли оптимальный спос…

    Asked by sejunctus, April 5, 2016

    0 votes
    20 answers
24. Сервер не отдаёт файл по прямой ссылке

    Здравствуйте! Если сайт который я пытаюсь парсить и у меня есть прямые ссылки на все файлы которые мне нужны с этого сайта и которые были собраны заранее (все файлы графические - jpg). На сайте какая-то защита, существует конкретное число файлов которые можно скачивать с него а если идёт превышение то по этим прямым ссылка открывается просто пустота. Как такое может быть если я обращаюсь по прямым ссылкам, что сейчас по этой ссылке графика, а потом пустота? Как обойти такое ограничение? P.S. У меня нет нормальных прокси а всё что пробовала - очень тормозное но тем не менее через них всё работает какое-то время и каждый лимит нужно просто менять прокси но речь идёт пр…

    Asked by Anechka, July 28, 2016

    0 votes
    20 answers
25. pug и sass: как сдают верстку и заливают на сервер?

    1. Как принято сдавать верстку, если пользуешься, например, pug и sass? До их появления я предоставляла html, css и т.п. Сейчас осваиваю инструменты, но из-за компиляции непонятно, какие файлы теперь отправляют клиенту? 2. В каком виде готовую верстку закачивают на сервер? Например, сайт без CMS: просто готовые html+css+js? Но тогда их менее удобно править при необходимости. Или на сервер как-то компилятор ставят? А если натягивать на CMS, то тогда как быть? Чувствую, для большинства участников форума это очевидные вещи. Подскажите, как хотя бы называется эта тема, чтобы погуглить. Всё, что находила сама — не по теме.

    Asked by Svetlana_P, July 7, 2017

    • pug
    • sass
    0 votes
    20 answers