HTML Coding

29542 questions in this forum

1. Как стать хорошим верстальщиком?

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

   Asked by GoodProject, October 17, 2014

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

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

   Asked by alleclf, October 17, 2014

   0 votes
   0 answers
3. Слайдер 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
4. пара простых вопросов про 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
5. Проблема с якорем на странице

   Всем привет, Есть админка выполненная на основе темплейта 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
6. Как закрепить блоки ?

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

   Asked by Diletant, October 17, 2014

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

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

   Asked by gawmax, October 17, 2014

   • картинки
   • div
   0 votes
   5 answers
8. как сверстать такое?

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как сверстать так чтобы при сужения окна браузера боковые картинки ”заежали” за видимую часть окна, а при увеличении ширины центральная часть растягивалась?

   Asked by stan07, October 21, 2014

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

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

   Asked by pangurban, October 17, 2014

   0 votes
   5 answers
10. Два варианта текста

    Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра 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
11. "клонирование" блока при перемещении

    В общем раньше не встречался с такими проблемами. Да и не верстаю я уже ооочень долго но наконец-то мои навыки мне пригодились снова. Правда столько проблем, все забыл.. В общем проблема даже не уверен в чем. У меня есть код: <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
12. Текст сверху border

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

    Asked by efendi, October 18, 2014

    0 votes
    21 answers
13. Не работает 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
14. 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
15. IE9+ font

    Всем доброго времени суток. Возникла проблема с отображением шрифта в IE9+, а точнее его не отображением. Вот пример. Шрифт показывается в остальных браузерах, но в IE9+ не хочет, хотя формат ttf. Может проблема в самом файле шрифта?

    Asked by Arthur, October 21, 2014

    0 votes
    5 answers
16. Как расположить форму поиска на одной линии с логотипом?

    Что-то оно не хочет у меня в ряд вставать. Скриншот http://i.imgur.com/MmhcYyB.png Код тут https://github.com/l1nx/CorporateBlue

    Asked by L1nx, October 24, 2014

    0 votes
    3 answers
17. html css js

    Скажите какую программу лучше исползовать для HTML CSS JS. Visual studio? Для начинающих

    Asked by Leyla84, October 24, 2014

    0 votes
    19 answers
18. Вертикальное выравнивание картинки в ссылке

    Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. 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
19. Задержка при подключение css-файла

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

    Asked by myRoot, October 19, 2014

    • css
    • css-файл
    0 votes
    11 answers
20. шапка не продолжается при горизонтальнйо прокрутке

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

    Asked by Diletant, October 19, 2014

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

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

    Asked by Raccoon, October 19, 2014

    • bootstrap
    • css
    • less
    • sass
    0 votes
    20 answers
22. Про память и запоминание

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

    Asked by PeaceInside, October 20, 2014

    • память мозг эфективность
    0 votes
    13 answers
23. правило для 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
24. Как добавить фон сверху, при уменьшении экрана

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

    Asked by Romasa, October 20, 2014

    0 votes
    1 answer
25. наложение div-ов

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

    Asked by serKrusH, October 20, 2014

    0 votes
    1 answer