HTML Coding

29542 questions in this forum

1. Очень тяжко даётся JavaScript.

   Html и Сss изучил очень легко, то ли от того что лёгкие, даже PHP изучаеться легко. Не знаю как быть, может быть у кого то были такие же проблемы, но потом он сел и выучил? И каким образом? Просто по сайту о JS, видео-урокам, книгам? Мне интересны любые советы по изучению JavaScript, но как вижу все эти функции, переменные, значения в JS мне аж плохо становится. И как лучше верстать? html5 или старыми методами что бы шишки набить? я уже верстал простые сайты, получилось, по моим меркам нормально , правда в IE ниже 10 все сьехало, и не успел изучить до конца css и html говорят надо js, препроцессор css, grunt, bootstrap и т.д. В голове полный бардак от этих фреймворков…

   Asked by Roger, October 20, 2014

   0 votes
   8 answers
2. Тянущийся блок по одной из сторон браузера

   Добрый день, подскажите пожалуйста как реализовать тянущийся к краю браузера независимо от ширины его окно, но только по одной из его сторон. В макете, серые блоки с текстом доходить до края окна браузера независимо от разрешения экрана монитора и ширины окна браузера. Блок «ФАКТ №3» до правого края, а Блок «ФАКТ №4» до левого. Буду благодарен вашей помощи.

   Asked by Drunk_Monkey, October 20, 2014

   0 votes
   2 answers
3. Хитрое форматирвоание

   Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?

   Asked by кэп, October 20, 2014

   0 votes
   6 answers
4. Про память и запоминание

   Вопрос : Как Вы формируете при верстке\кодинге конструкции , подобные <!DOCTYPE ..... или заполняете поля <meta HttpEquiv="..." content="...."> - все по-памяти , или снипетами , самописными шпаргалками либо каждый раз по-примерам из справочника ? Понятно , что в эпоху HTML5 с доктайпом стало проще =) Но есть масса других HTML и не только конструкций , которые новичку , в памяти не удержать , да и не сразу удастся вспомнить связку : [выполняемая функция]-[правильная форма записи]-[аттрибуты]. Поделитесь своим личным опытом , пожалуйста.

   Asked by PeaceInside, October 20, 2014

   • память мозг эфективность
   0 votes
   13 answers
5. Не отображается шрифт

   Не отображается шрифт на сайте. Шрифт: Corinthia. В CSS прописала: @font-face { font-family: Corinthia; src: url('corinthia-webfont.eot'); src: url('corinthia-webfont.eot?#iefix') format('embedded-opentype'), url('corinthia-webfont.woff2') format('woff2'), url('corinthia-webfont.woff') format('woff'), url('corinthia-webfont.ttf') format('truetype'), url('corinthia-webfont.svg#corinthiaregular') format('svg'); font-weight: normal; font-style: normal;}.main h2 { font-family: Corinthia; font-size: 50px;}В папку fonts загружены файлы со шрифтами. Но, шрифт не отображается! В чем же, может быть, проблема?

   Asked by Fendia, October 20, 2014

   0 votes
   3 answers
6. наложение div-ов

   Честно говоря, даже не знаю как корректно задать запрос в поиск, чтобы найти ответ на вопрос. Сам только начинаю разбераться в вопросах верстки и на начальной стадии решил использовать фреймворк(если это можно так назвать) kickstart. По макету существует слайдер, Сверху слайдера отображается форма. Читал про свойство position. Корректно применяется для дива с "обычным" содержимым(текст, картинка). http://htmlbook.ru/css/position но в маем случае, за счет указания bottom, right и т.д. форму можно разместить на слайдере, но при изменении размера окна форма остается на месте, хотя на тех же примерах div position: absolute; меняет свое положение с изменением размера браузера.…

   Asked by serKrusH, October 20, 2014

   0 votes
   1 answer
7. Как добавить фон сверху, при уменьшении экрана

   Есть сайт http://top-usluga.ru/ При уменьшении масштаба экрана,необходимо чтобы в шапку добавлялся фон, и содержимое центрального блока было по середине.. Как такое реализовать? Вот отличный пример

   Asked by Romasa, October 20, 2014

   0 votes
   1 answer
8. правило для nth-child

   Добрый день, в меню на ховере для раздела "Шкафы и боксы" нужно задать стили как для соседнего раздела "Модульное обороудование" а именно: чтобы первая ссылка была на бэкраунде серого цвета, а нижние ссылки без бэкраунда. Задаю правило для элемента первого ребенка : #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a:first-child А для всех остальных ссылок: #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a свое правило. Стили для первого ребенка наследуются для всех ссылок! Почему так происходит? Спасибо.

   Asked by mrfrunze, October 20, 2014

   • css
   0 votes
   2 answers
9. Вертикальное выравнивание картинки в ссылке

   Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. HTML код: <div class="portf"> <a href="#"><img src="../userfiles/tovaryimg/1.png" alt="" /></a> </div>CSS код: .portf{ text-align:center; border:2px solid #0F0; margin:50px 0 10px 20px;}.portf a { border:2px solid #FFF7AF; width:300px; height:300px; }.portf a img{ width:250px;}Пробовал применить к .portf a свойство display:table-cell; vertical-align:middle; Не выравнивается картинка по вертикали. Помогите решить проблему.

   Asked by anipriev, October 20, 2014

   0 votes
   8 answers
10. шапка не продолжается при горизонтальнйо прокрутке

    http://www.serviceprint-novoros.ru/ Если уменьшить окно со страницей до появления горизонтальной прокрутки то при этой самой прокрутке верхняя полоса обрезается и не продолжается до конца страницы, не подскажите как это исправить? АПД Частично решил проблему добавлением min-width, но хотелось бы чтобы оно автоматом отрисовывало

    Asked by Diletant, October 19, 2014

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

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

    Asked by Raccoon, October 19, 2014

    • bootstrap
    • css
    • less
    • sass
    0 votes
    20 answers
12. Задержка при подключение css-файла

    Добрый день. Столкнулся с проблемой. Как только захожу на свой сайт, на доли секунды элементы отображается без стилей. Стили находятся в отдельном файле. Как только я их помещаю в файл html, в теге <style>,то всё работает идеально. Можно ли как то по другому решить мою проблему, чтоб стили находились в отдельном файле. Заранее спасибо!!!

    Asked by myRoot, October 19, 2014

    • css
    • css-файл
    0 votes
    11 answers
13. SVG многоугольник

    Читаю книгу и в ней есть код <svg width="300px" height="360px"> <polygon points="20,10 200,20 180,90 120,150 50,100" fill="#00FFFF" stroke="blue" stroke-width="5" /></svg>http://jsfiddle.net/vad7wgz9/ Но в ней не написано, как вычислять эти цифры. Как вычислять? Наугад писать? Я так понял то что 20,10 20 это x, а 10 это y? или как? 20,10 200,20 180,90 120,150 50,100 это наверно сокращённая запись?

    Asked by DivMan, October 18, 2014

    0 votes
    10 answers
14. Не работает tr:hover

    На сайте в таблице требуется при наведении на строку курсора выделять ее другим цветом. Но задаваемый мной стиль не работает: .tables2 tr:hover{ background:silver !important;} При этом если задавать это свойство для ячейки таблицы, то все нормально отображается. Вот пример страницы:http://football-stadiums.ru/afrika/10-afrika/29-marokko.html Подскажите, пожалуйста, что не так, если не сложно. Заранее благодарен.

    Asked by alejandro13, October 18, 2014

    • tr:hover
    0 votes
    3 answers
15. Текст сверху border

    Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:

    Asked by efendi, October 18, 2014

    0 votes
    21 answers
16. "клонирование" блока при перемещении

    В общем раньше не встречался с такими проблемами. Да и не верстаю я уже ооочень долго но наконец-то мои навыки мне пригодились снова. Правда столько проблем, все забыл.. В общем проблема даже не уверен в чем. У меня есть код: <div class="content"><div class="fixedmenu"><ul><li>1 punkt<li>2 punkt</ul></div><div class="mblock">text<br></div><span class="clear"></div></div>А css: .content {width:100%;width:800px;margin:0 auto;}.mblock {border-radius: 10px;background: url("../images/50%.png") repeat;padding:20px;margin-top:20px;/*text-align:center;*/}.fixedmenu {border-top-left-radius: 50px;border…

    Asked by Coshe, October 18, 2014

    0 votes
    1 answer
17. Два варианта текста

    Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?

    Asked by кэп, October 17, 2014

    0 votes
    5 answers
18. Как сверстать выносную линию

    Что-то я опять залип. Допустим есть меню правый край которого должен прилипать к краю окна, но его контент должен быть центрирован по основной линии. И чтобы это все не разлеталось при ресайзе. Есть идеи?

    Asked by pangurban, October 17, 2014

    0 votes
    5 answers
19. Пропорции картинки при масштабиронии

    Всем привет. Такая проблема: на сайте есть блок с div с картинками, расположен по горизонтали (через float:left, ширина задается в процентах). Нужно чтобы картинка полностью заполняла див. Проблема в том, что картинки есть у которых ширины больше высоты и наоборот соответственно. При уменьшении масштаба ширина (она в процентах) тоже уменьшается, а высота остается прежней, т.е. вытягивается по вертикали. На данный момент реализовано так http://jsfiddle.net/u424m8fh/ - попробуйте уменьшить масштаб. Может есть у кого мысли как можно сделать так, что бы картинка заполняла див не по мах размерам - width и height, а по минимальным?

    Asked by gawmax, October 17, 2014

    • картинки
    • div
    0 votes
    5 answers
20. Как закрепить блоки ?

    **Удалено** Разобрался сам

    Asked by Diletant, October 17, 2014

    0 votes
    6 answers
21. пара простых вопросов про bootstrap

    первый вопрос: в примерах на оффсайте есть такая верстка радиокнопок: <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else and selecting it will deselect option one </label></div><div class="radio disabled"> <label> <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled> Option three is disabled </label></div>почему обе кнопки в отдельных div, а не в одном: <div class="radio"> <label> <input type="radio" name="optionsRadios" id="optionsRadios2" v…

    Asked by quoter, October 17, 2014

    0 votes
    7 answers
22. Проблема с якорем на странице

    Всем привет, Есть админка выполненная на основе темплейта themeforest-6674668-business-admin-template (Видимо отсюда http://themeforest.net/item/business-admin-template/6674668) И как бы все хорошо за исключением того на странице со списком есть список с первыми буквами для быстрого поиска, вроде : <div class="alphaletters"><a href="#clfl_A">A</a><a href="#clfl_D">D</a><a href="#clfl_F">F</a><a href="#clfl_H">H</a><a href="#clfl_Z">Z</a><a href="#clfl_5">5</a></div><ul class="alphalistitems"><a name="clfl_5"></a><li class="alphalistitems_letter">5</li><l…

    Asked by mstdmstd, October 17, 2014

    0 votes
    0 answers
23. Слайдер colorbox

    Здравствуйте! Есть слайдер colorbox. При увеличении картинки снизу отображается надпись "image 1 of 3" Подскажите, пожалуйста: 1. Как изменить на "Изображение 1 из 3" 2. Как можно вообще удалить эту надпись? Перепробовала все, что можно, но ничего не изменяется. Как было "image 1 of 3" так и осталось. Чтобы было более понятно что я хочу сделать, см. картинку: http://savepic.org/6232428.jpg

    Asked by Fendia, October 17, 2014

    0 votes
    1 answer
24. mp3 плеер для сайта

    Посоветуйте легкий mp3 плеер для сайта. Требования: - легкий, в том плане, что сейчас пользуюсь стандартным DLEшным плеером. На страничке 20-30 треков, так при прокрутке странички вверх-вниз она реально подвисает и прокручивается рывками - чтение тегов из mp3-файла, исполнителя и название композиции будет достаточно - кнопка для скачивание трека Пробовал с flv-mp3.com - не хватает функционала, теги не берет из файла, и кнопки на скачивание нет. Вручную прописывать для каждого терка не вариант. Устанавливал uppod.ru - с функционалом всё в порядке, но тяжелый, страничка заметно долго грузится + рывки при прокрутке. Прикрутить плейлист к ДЛЕ не получилось.

    Asked by alleclf, October 17, 2014

    0 votes
    0 answers
25. Как стать хорошим верстальщиком?

    Доброе. В общем занимаюсь потихоньку версткой, но не зарабатываю на этом. Мне это очень и очень нравится, поэтому в будущем, я хотел бы зарабатывать своим любимым делом. Сейчас, ну и вообще, на протяжении года у меня можно сказать депрессия что-ли. Не знаю как выбрать правильный путь. Времени у меня просто навалом, я нигде не учусь. Так, задрачиваю в игры, подрабатываю кое-где. Но деньги нужны всем, а игры надоедают. Но работать на обычных работах я не хочу, это точно не по мне. Максимум пошёл бы куда нибудь на роль "верстальщика" за какие нибудь тысяч 20.. Чисто для практики, и получения опыта. Но, для этого нужны хорошие знания всех видов вёрстки, но я не умею верстат…

    Asked by GoodProject, October 17, 2014

    • Верска
    • Html
    • Css
    • верстальщик
    • JavaScript
    • Помощь новичку
    • Совет для новичка
    • Как стать верстальщиком
    0 votes
    21 answers