HTML Coding

29542 questions in this forum

1. Начало пути веб-программиста

   Всем доброго времени суток. Хочу начать заниматься веб-программированием. Начать хочу с вёрстки (и хорошо её изучить), затем перейти на бекенд (и что бы потом бекенд был моим основным направлением). Опыта в программировании нет вообще никакого. Гуглил дня 2, но немного запутался. Подскажите пожалуйста, в каком порядке и что учить (особенно путаница у меня с HTML, сайтов, которые учат верстать (а не просто тегам) на пятой версии просто нет, они либо на 4, либо просто сборник тегов). Да и вообще надо бы, что бы немного подсказали что и как, сколько времени займёт обучение(мне это очень важно, я потерял 4 года из жизни просто так, надо навёрстывать упущенное время) и т.п. Вс…

   Asked by S-god, June 14, 2015

   0 votes
   9 answers
2. Цвета и переменные

   Здравствуйте. Прочитал Sass Guidelines. Есть вопросы касательно того как называть переменные которые хранят цвета. Например у меня 18 цветов. 8 из которых это оттенки серого, 4 оттенка желтого, черный, белый и т.д. Как называть переменные: $c-grey-1, $c-grey-2, ..., $c-grey-n? Или $c-dashboard-title, $c-main-menu__item__link? Если у меня $c-dashboard-title и $c-main-menu__item__link одного цвета(хотя они логически не связаны), то поступить так: 1)$c-dashboard-title: #933434; $c-main-menu__item__link: $c-dashboard-title; 2)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же …

   Asked by leshiple, June 14, 2015

   • sass
   • цвета
   • переменные
   0 votes
   4 answers
3. Треугольник css

   Доброго вечера! Возникла проблема с, на первый взгляд, простой задачей. Невозможно нарисовать аналогичный треугольник (Я рисую бордерами через псевдоэлемент before но выходит все не то. Подскажите, пожалуйста) Заранее спасибо. http://clip2net.com/s/3jh24n1

   Asked by Orysya, June 14, 2015

   • css
   • triangle
   0 votes
   3 answers
4. HTML5

   Здравствуйте, уже неделю пытаюсь разобраться с новыми тегами <section>, <article>, <header>, <footer>, <nav>, <aside> . Залез в спецификации w3c и WHATWG, пролистал http://html5doctor.com/. В теории все получается просто, но когда начинаешь реально что-то писать приходит понимание, что ты нечего не понимаешь. Набрел на http://www.creativebloq.com/html5/truth-about-structuring-html5-page-9122842#null (комменты вообще бомба) и понял, что никто толком о новых элементах HTML5 ничего не знает. Сейчас думаю начать изучение верстки стандартными divами с ролями ARIA с точечными вкраплениями HTML5. Можно конечно лепить структурные теги HTML5…

   Asked by Spark89, June 15, 2015

   • HTML5
   0 votes
   18 answers
5. Друзья, помогите разобраться с видео и фоном

   Друзья, хочу понять как вставить видео с таким фоновым эффектом типа сетки, как тут: http://yes-marketing.ru/и тут http://ir.magnit.com/

   Asked by murat, June 15, 2015

   0 votes
   3 answers
6. Вывод данных в <select>.</select> из БД

   Доброй ночи. К примеру есть таблица. В ней поле status. На странице сайта выводится таблица и в ней тоже есть поле status. В этом поле в форме я делаю выпадающий список тегом <select> для изменения статуса: <select name="status"> <?php $a = 'новый'; $b = 'выполнен'; $c = 'в очереди'; ?> <option value="<?=$a?>"><?=$a?></option> <option value="<?=$b?>"><?=$b?></option> <option value="<?=$c?>"><?=$c?></option></select>После выбора статуса, нажав кнопку Сохранить, в БД поле status меняется на значение, выбранное в <select> на сайте. Вопрос такой: как сделать чтобы…

   Asked by Rusl, June 15, 2015

   0 votes
   6 answers
7. Шапка форума

   Шапка форума в виде картинки, которая должна быть на всю ширину форума(резиновой). Пожалуйста, подскажите код и куда его вставить... Как здесь разместить css для показа тоже не знаю...

   Asked by Fox13, June 17, 2015

   0 votes
   7 answers
8. Приоритет импортируемых таблиц стилей

   Существует ли возможность подключить таблицу стилей к основной таблице стилей так, чтобы приоритет всех стилевых правил подключаемой таблицы стилей был заведомо выше приоритетов одноименных правил основной таблицы стилей? Например, указать !important сразу для всех правил импортируемой таблицы стилей, скажем, вот так: @import url('mystyle.css') !important; Проблема в том, что одноименных стилевых правил очень много, и употреблять !important почти в каждой строке импортируемого файла - значит вдвое увеличить вес импортируемого файла, а подключать директивой @import в конец основного файла нельзя, так как at-правило @import должно обязательно быть в самом верху до уаазания…

   Asked by hike, June 16, 2015

   • @import
   • !important
   • приоритет
   • css
   0 votes
   4 answers
9. Слайдер

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

   Asked by fireman691, June 16, 2015

   • слайдер
   0 votes
   1 answer
10. Гуру не нужен, товарищ - лучший наставник.

    Создал группу в skype для совместного и оперативного обучения: skype:?chat&blob=ODfq_7_2ysQ_M1sFrVIVnAF5RI7cxD_21C-Ng6lm_Ef_YOlRmU23iPOgKK48a36iVQ-fB6KTB0iNQg вступайте кто хочет) update: https://gitter.im/zueff/web_study?utm_source=share-link&utm_medium=link&utm_campaign=share-link

    Asked by Zueff, June 16, 2015

    0 votes
    16 answers
11. box-shadow не работает в IE 10 с ячейками таблицы

    Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?

    Asked by user89, June 16, 2015

    • box-shadow
    • IE
    • table
    • cell
    • ячейка
    0 votes
    1 answer
12. font-face в медиазапросе, ошибка при валидации

    У меня есть подгружаемый шрифт, но подгружать я его хочу на определенном разрешении, я не хочу, чтобы пользователи мобильного интернета теряли в скорости загрузки сайта и даю им стандартный шрит, а для пользователей стационарных ПК я подгружаю шрифт, но валидатор ругается на подобное подключение, хотя все работает, помогите разобраться, как мне сделать грамотно все в этой ситуации. У меня в основной таблице стилей подключен другой шрифт, там нет ошибки, но при подключении именно в @media screen выдается ошибка.

    Asked by anvyd, June 19, 2015

    • @media
    • адаптивность
    • font-face
    • validator
    0 votes
    4 answers
13. Плавное появление при наведении

    При наведении на блок необходимо чтобы блок внутри него плавно появлялся. Как это сделать? http://codepen.io/anon/pen/bdrYmZ

    Asked by yaparoff, June 17, 2015

    0 votes
    1 answer
14. bootstrap адаптивность и абсолютное позиционирование.

    Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)

    Asked by comSaaxov, June 17, 2015

    • bootstrap
    • css
    • responsive
    0 votes
    6 answers
15. Вирус на сайте, как избавиться?

    Уважаемые форумчане, Уже несколько дней Яндекс присылаем мне письма о том что сайт содержит вредоносное ПО, я свой комп проверила, так же просканировали весь офис, а он все равно за старое.... Вредоносный у вас сайт и все тут. Подскажите как проверить сайт на вирусы, и куда нужно у больного заглядывать (может я не туда смотрела?!)

    Asked by Anna Zharova, June 18, 2015

    0 votes
    6 answers
16. Как правильно применить стиль к li class X ul class Y?

    Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a&…

    Asked by nikki4, June 19, 2015

    0 votes
    3 answers
17. Проблема с IE блокирует скрипты

    Добрый день ! как сделать так чтобы при загрузке страницы она не блокировала и не выдавало такое сообщение а загружалось без блокировки есть какой то выход с данной ситуацией ?

    Asked by pitbuli, June 18, 2015

    0 votes
    7 answers
18. inline-block гуляют по вертикали

    http://jsfiddle.net/72ywx036/ Собственно вот. Очевидно, что из-за количества строк внутри позиция по вертикали начинает волшебным образом гулять. Как такое лечится?

    Asked by Veseloff, June 25, 2015

    0 votes
    3 answers
19. Подскажите (фоновый SVG через base64 и ресайз)

    http://codepen.io/anon/pen/Nqadoo В примере обе иконки – это SVG data-uri. Первая иконка ведет себя так, как если бы ей было заданы следующие свойства: background-repeat: no-repeat; background-size: contain; background-position: bottom; Вторая ведет себя так, как и должна, т. е. обрезается, если размер не влезает. Подскажите, в чем здесь дело?

    Asked by Igor Schnaider, June 19, 2015

    • SVG
    • base64
    • background-size
    0 votes
    1 answer
20. как разместить div на 1 строке, с изменяемой шириной

    Всем привет! Помогите. пожалуйста! Вот несколько div, помогите пожалуйста исправить, чтоб : розовый квадрат изначально занимал свою максимальную ширину, а не минимальную как сейчас. и при добавлении 4 картинки - розовый чтобы сжимался, а не уходил за пределы красного квадрата. http://jsfiddle.net/k5m6pkwx/3/

    Asked by zvezda_t, June 19, 2015

    0 votes
    1 answer
21. как сделать такую форму с помощью fancybox

    как сделать такую фому с помощью fancybox

    Asked by pitbuli, June 19, 2015

    0 votes
    4 answers
22. Вопрос о разметке от новичка

    Добрый день. Являюсь очень сырым в вопросе верстки. На данном этапе постигаю разметку страницу. Много теории, все интересно, но когда дело доходит до практики - "залипаешь". Появился такой вот вопрос. Часто вижу подобную структуру на сайте: (прошу прощения за кривоту, быстро набросал в Пейнте) Это картинка отображает часть контента страницы. Т.е. имеются 4 блока с какой-то информацией. Как правильно разметить часть этой страницы? У меня получается слишком большая вложенность. Приведу пример. <div class="main"> <!-- блок со всем контентом --> <div class="container"> <!-- центровщик --> <div class="content-block"> <!-- блок, в котор…

    Asked by BehemothOz, June 20, 2015

    0 votes
    3 answers
23. bootstrap 3, картинко на картинке

    бутстрап нужно на большую картинку наложить маленькую (правый нижний угол), точно по этому углу чтоб все было адаптивненько сохранялись пропорции и положения картинок юзаю вложенные сетки: <div class="container"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" src="img/preview/1.jpg"> <!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> --> <div class="row"> <!-- <div class="col-md-11"></div> --> <div clas…

    Asked by torsar, June 23, 2015

    0 votes
    3 answers
24. Помогите, пожалуйста, с написанием скрипта

    Здравствуйте! Очень нужна помощь с JavaScript Необходимо сделать так, чтобы меню для сайта при изменении размера окна браузера меняло количество пунктов(*1) и те, которые не уместились в списке перемещались в выпадающий список в конце(**2). HTML-код такой: <ul class="Горизонтальное-Меню"> <li class="line"> <a href="/">Адреса магазинов</a> </li> <li class="line"> <a href="/">Оплата</a> </li> <li class="line"> <a href="/">Доставка</a> </li> <li class="line"> <a href="/">Сотрудничество</a> </li> <li c…

    Asked by Алёна Стрелкова, June 20, 2015

    • script
    • javascript
    • скрипт
    • помощь
    0 votes
    8 answers
25. Внешний вид кнопки поиска

    Здравствуйте! Возможно ли как-то изменить внешний вид кнопки поиска от Яндекса помимо тех настроек который предлагает сам Яндекс, а именно они таковы: И поиск на сайте выглядит таким образом: Хотелось бы что-то типа такого: Возможно ли это реализовать там я не знаю в виде картинки или ещё чего? Вот код поиска: <div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'убрал адрес сайта','arrow':false,'bg':'transparent','fontsize':16,'fg':'#000000','language':'ru','logo':'rw','publicname':'убрал название поиска','suggest':false,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2224543,'webopt':false,'websearch':fal…

    Asked by subm41, June 20, 2015

    • html
    • css
    • js
    0 votes
    2 answers