Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Нормальное сохранение исходного кода

    Здрасте. Вопрос собственно вот в чем: сохраняю страницу в хтмл, а весь код в одну строку. Как сделать из него нормальную древовидную структуру? (только не ручками:-))

    Asked by xunicorn,

    0 votes
    2 answers

  2. Прошу почоч добрых людей

    Всем доброго времени суток. Я новичёк в HTML. Делаю для близкого человека сайт http://finkatut.ucoz.ru/. Подскажите, в чём у меня ошибки, где ваш опытный взгляд видит косяки? Так же есть проблемы с отоброжением в IE, ОЧЕНЬ ПРОШУ вашей помощи. css верхнего меню css для меню сбоку

    Asked by zoom,

    0 votes
    4 answers

  3. Проблема с margin

    Добрый день! Решил сверстать интерфейс приложения. С HTML знаком, но далеко не профи. HTML страницы <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ITP</title> <style> html { height: 100%; } body{ margin: 0px; padding: 0px; border: 0px; } div#top{ width: 960px; min-height:70px; height:auto !important; height:70px; background-color: green; background: url("./img/top/logo.png") no-repeat, url("./img/top/squares.png") no-repeat 100% 0, url("./img/top/bg.png") repeat-x; overflow: hidden; border: 0px red solid; } div#top div#menu{ width: 210px; min-height: 20px; heig…

    Asked by Rombs,

    0 votes
    4 answers

  4. Элемент select

    Подскажите как можно изменить стандартную кнопку выбора в элементе select

    Asked by sergeysurovikin,

    0 votes
    3 answers

  5. Проблемы с прозрачным фоном

    Всем здравствуйте. В общем имеется блок <div>, который имеет прозрачность (в моем случае это фон). В этот блок вставляю картинки или любые другие элементы и они тоже прозрачны. Пробовал другой "блок в блоке" - не получилось. То есть все элементы, находящиеся в блоке наследуют прозрачность. Как сделать, чтобы элементы были полноценно видимыми, при условии, что сам фон будет полупрозрачным?

    Asked by faradei21,

    0 votes
    5 answers

  6. хаки ксс, что еще не известно

    Привет, не мог бы ты помочь мне, пожалуйста. Меня часто волнует один вопрос про верстку и я даже не знаю где искать, что то находил но так же быстро терял. Я надеюсь ты сможешь прояснить мне мои пустоты. В систематике CSS есть такие хаки, на пример > [type=""] и т.д. Так вот что сейчас интересно, у тебя нету полного списка таких хаков? Все чаще начинаю их использовать, точнее уже повсеместно и кажется что их больше чем я знаю и второй самый интригующий меня вопрос. Есть на пример кнопка <p><input ../></p> на пример делаем эфект при клике input:active {...} как на ксс задать, что при нажатии на инпут параграфу выше задаем свои новый ксс свойства? р…

    Asked by RodgerFox,

    0 votes
    6 answers

  7. Слоган и контакты в шапке

    Добрый день как правильно реализовать в шапке сайта слоган и контакты. Слоган по середине шапки, а контакты с правой стороны. Вот мой код: <div id='wrapper'> <div id='header'> <img src="img/logo.png" width="1280" height="150" alt="logo" /> </div> <div id="menu"> </div> <div id='container'> <div id='left'> </div> <div id='right'> </div> <div id='center'> </div> </div><div class='clear'></div><div id='spacer'></div></div><div id='footer'></div>html, body { margin:0;height:100%;background:url('/img/bg.png') repeat scr…

    Asked by Senja,

    0 votes
    0 answers

  8. убрать кнопку "Online"

    Всем привет, На сайте http://displo.com/backend/en/home В левом нижнем углу есть кнопка "Online". Ее нужно убрать Не могу найти этого куска html-кода Или это какая-то js-библиотека ?

    Asked by mstdmstd,

    0 votes
    1 answer

  9. Изменение hover для элементов

    День добрый! Есть следующий участок макета: http://c2n.me/3a3Bzoo вот код которым я его сверстал: html <section><article><div class="container"><div class="row"><div class="col-sm-12"><h2>summarise the features</h2><h3>summarise what your product is all about </h3><div class="col-sm-3"><div class="block"><a href="#"><p>Attractive Layout</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Fresh Design</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>mult…

    Asked by alex.kv,

    0 votes
    3 answers

  10. Адаптивная верстка лендинга

    Здравствуйте, хочу научиться адаптивно верстать, взял для примера лендинг и возникла проблема, что делать с элементами которые не влазят на маленьких экранах? (скриншот проблемного момента) Серые черточки ни как не влезают на маленький экран и получается вот так: что с ними делать? у меня есть только 1 мысль, просто удалять их на маленьких разрешениях, а как правильно? И второй такой же момент с кнопкой "I want clients" и изображением мышки, на разрешении 320px они встают друг под друга и получается бред, а рядом при 320 их не поставить...

    Asked by cruel09,

    0 votes
    1 answer

  11. hover эффект

    Есть два адаптивных изображения При наведении должно быть так: Как это сделать? http://codepen.io/anon/pen/VLdpvN

    Asked by yaparoff,

    0 votes
    3 answers

  12. Самостоятельное изучение. Каков порядок?

    Приветствую, форумчане! У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML. У меня вопрос прямо относительно требований вакансии. Например, там написано: 1) Хорошее знание HTML5, CSS, JavaScript, jQuery 2) Поддержка последних версий Chrome, Opera, Firefox, IE 3) Знание фреймворка Angular.js Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны" Когда пишут требования к подобным знаниям, то как правило это подразумевает владение какими-либо средами программирования - Freehand (или какие еще существуют?) или же все делае…

    Asked by Capablanca,

    0 votes
    2 answers

  13. Непонятный отступ у родителя div > img

    Прошу объяснить мне почему `wrapper` имеет отступ. https://jsfiddle.net/psr1919plus21/3qbuqjuz/ Понял проблему: img – инлайновый элемент. Решение 1: Сделать img блочным: display:block. Решение 2: Поставить нулевой интерлиньяж: line-height: 0; Всем спасибо) p.s.: Решение 2 не работает.

    Asked by cat,

    0 votes
    2 answers

  14. Не получается разместить элементы

    Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через css и html сделать выборку по фотографиям, которые нужно будет выбирать внутри страницы (не используя инпут файликов из библиотеки пользователя)

    Asked by tbgiyl,

    0 votes
    0 answers

  15. Отображение страницы в любом браузере. с любым разрешением

    Когда то на форуме видел ссылку сайта, где можно просмотреть отображение своего кода в любом из браузеров, при любом разрешении и под разные платформы? Её давал кажется Dimitry Wolotko. Может у кого есть подобная ссылка?

    Asked by ardjuna,

    0 votes
    1 answer

  16. Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.

    Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.

    Asked by an70n,

    0 votes
    1 answer

  17. баг хрома?смешно....

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…

    Asked by dostel1,

    0 votes
    7 answers

  18. Проблема с меню

    Всем привет! Помогите решить такую проблему? У меня меню с кодом: <div class="container"> <ul class="menu"> <li><a href="#"> <span>Ссылка1</span></a></li> <li><a href="#"> <span>>Ссылка2</span></a></li> <li><a href="#"> <span>>Ссылка3</span></a></li> <li><a href="#"> <span>>Ссылка4</span></a></li> <li><a href="#"> <span>>Ссылка5</span></a>></li> </ul> </div> CSS: .container{ width: 100%; height: 100%; position: relative; } .menu{ width: 100…

    Asked by Caeterra,

    0 votes
    5 answers

  19. наложение изображений

    задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает пробл…

    Asked by Toxin_G,

    0 votes
    1 answer

  20. Проблема с шрифтами

    Помогите, пожалуйста, понять, в чем дело. В фотошопе пишу текст "тест", шрифт Tahoma, размер - 14px Измеряю, высота буквы "т" - 7px, ширина всего слова - 25px; Далее уже в html пишу этот текст в span со стилями font-size: 14px, font-family: Tahoma; Измеряю линейкой: высота буквы - 8px, ширина всего слова - 27 px Почему так происходит?

    Asked by dencat,

    0 votes
    2 answers

  21. Кнопки печать и сохранить

    Подскажите пожалуйста, как в конце страницы текста сделать кнопки "Сохранить" и "Печать", которые будут выводить страницу на печать или сохранять её соответсвенно?

    Asked by nik_2sv,

    0 votes
    2 answers

  22. Посоветуйте uploader для картинок

    Привет. Посоветуйте, кто встречался с вопросом. Нужен uploader для картинок в форме(<form>) с предпросмотром. Хотелось бы чтобы было: 1. Загрузка нескольких изображений. 2. Предпросмотр в нужном мне месте. 3. Гибкость в переделке под себя 4. Бесплатный (желательно) 5. jquery 6. флеш фтопку 7. Ограничение сколько файлов заливать 8. И было бы просто обязательно, чтобы картинка загружалась в превью сразу после добавления в input поле. Без нажатия дурацких кнопок "загрузить", "готово" и прочее. Идеальный вариант: Требований конечно много, но вроде как не только я с этим сталкиваюсь Спасибо, друзья!

    Asked by alex_anderr,

    0 votes
    2 answers

  23. Обводка у элемента!

    Всем привет!Еще раз))Как могли заметить создавал тему до этого,но решение смог найти сам,теперь же без вас знатаков я никак)) В общем проблема в том,что обводка у элемента wrapper почему-то не прозрачная хотя указал через rgba и случилось это после того как я к элементу добавил z-index и relative Что делать?

    Asked by ELBegemotos,

    0 votes
    5 answers

  24. Не могу начертить вертикальную линию

    Подскажите, пожалуйста, в чем ошибка <div class="main_border_vertical"> </div> .main_border_vertical { height: 100%; width: 3px; background: red; border: none; padding-left: 100px; }

    Asked by Sorrel,

    0 votes
    4 answers

  25. Резиновая верстка, как быть с высотой body

    У меня возникла проблема при резиновой верстке. Допустим есть: HTML <body> <div> <div></div> </div> </body> CSS body{ height:?;(Вот здесь и проблема) } div{ height:20%; } Чтобы действовало это height:20%;, нужно чтобы body имел какую-нибудь фиксированную цифру. Но я же делаю это резиново, и мне нужно, чтобы min-heght = высоте устройства, а если содержимое не вмешается, то высота увеличивалась бы по мере необходимости. Помогите пожалуйста!

    Asked by Michael Myers,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept