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. Теоритический вопрос: подключать 2 файла CSS - это нормально?

    В общем мне не нравится, что мой CSS стал очень большим. Хочу сделать так, чтобы на каждой странице сайта грузился: 1. Основной CSS файл (один для всех). + 2. CSS файл относящийся к конкретно загружаемой странице. К примеру. У меня три страницы: - Управление пользователями - История действий пользователей - Новости При загрузке страницы управления пользователями, будут грузится файлы: main_styles.css page_users_styles.css При загрузке страницы с историей действий пользователей, будут грузится файлы: main_styles.css page_histrory_styles.css При загрузке страницы с историей действий пользователей, будут грузится файлы: main_styles.css page_news_styles.css С точки зрения бра…

    Asked by Boron,

    0 votes
    7 answers

  2. Подключение favicon.ico, свойства и значения

    На сайте первого канала РФ можно увидеть два подключения фавиконки: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> На некоторых сайтах используют разную конструкцию, а здесь и вовсе две. Что означают значения свойств, какие из них обязательные и как правильно писать в HTML5?

    Asked by Delat,

    0 votes
    2 answers

  3. Почему не работает box-shadow?

    В хроме и сафари на iOS 11 не работает box-shadow у псевдоэлемента под логотипом http://leveler.ru/caspol/ на десктопе все хорошо. Почему так?

    Asked by d0ublezer0,

    0 votes
    5 answers

  4. тег abbr и IE6

    Тег abbr в IE6 не поддерживается, стили для него тоже не принимаются. Но вроде как есть решение - надо в стилях писать html\:abbr. Проверил - не работает. Но на всякий случай желательно проверить. У кого есть IE6 посмотрите, подчеркивается текст или нет? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тег ABBR</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> HTML\:ABBR, ABBR { border-bottom: 1px dashed red; /* Пунктирное подчеркивание текста */ color: #000080; /* Темно-синий цвет текста */ } &…

    Asked by Vlad,

    0 votes
    9 answers

  5. png fix

    Есть такая штука iepngfix.htc для IE6, так вот с ней не нажимаются ссыдки если фон png, типо в Интернете пишут что нужно назначит position:relative и всё заработает. Я назначил position:relative на всё, на сами ссылки и на родительский div и на <ul> <li> и нифига не нажимаются всё равно. Проверяю в IETester.

    Asked by SoFuWa,

    0 votes
    12 answers

  6. <img> в правом нижнем углу

    Всем доброго времени суток! такой вот вопрос: как мне разместить картинку либо через div, либо через img, прижатой к нижнему правому углу, если размер всей страницы не помещается в экран? Картинка должны быть поверх всего и она больше чем сам футер. Заранее спасибо.

    Asked by fiveapril,

    0 votes
    8 answers

  7. Позиционирование текста на шапке

    Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …

    Asked by Allan,

    0 votes
    6 answers

  8. НАЛОЖЕНИЕ таблиц в GMAIL - вопрос

    Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))

    Asked by DEviso,

    0 votes
    8 answers

  9. Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним

    Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо! вот код для начала http://cssdeck.com/labs/v0ykdapb

    Asked by kniggaliev,

    0 votes
    3 answers

  10. Не получаются сайты на практике

    Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…

    Asked by Tascan,

    0 votes
    14 answers

  11. Opera img & hspace

    Обычно всегда спаршиваю у Гугла.. Но тут впал в ступор... Помогите, кто чем может, а то мозг сейчас через уши вытечет.... HTML (работает в ИЕ, но в Опере все картинки склеиваются, выглядит убого): <div class="contacts"> <a href="link"><img src="pic/home.gif" alt="Home_site" width="11" height="9" hspace="5" align="left"/></a> <a href="index.php?id=100"><img src="pic/map.gif" alt="Карта сайта" width="11" height="9" hspace="5" align="left"/></a> <a href="mailto:email@kremlin.ru"><img src="pic/mail.gif" alt="E-mail" width="10" height="9" hspace="5" align="left"/></a> <a href="/index.php?id=63"><img src="pi…

    Asked by Tohin,

    0 votes
    3 answers

  12. Не уходит файл через POST запрос

    Возникла неожиданная проблема вообще непонятно из-за чего. Возможно даже это не проблема HTML'a, точнее это точно не его проблема,но всетаки спрошу, вдруг кто сталкивался. Есть форма, multipart/form-data прописан, все вроде правильно, но пост массив не содержит информацию о передаваемом файле. Ячейки с именем logo (<input type=file name=logo>) просто нет. Уже все излазал, хтаксесы проверял...везде смотрел, вообще без понятия что за дела.

    Asked by paShaman,

    0 votes
    13 answers

  13. модуль анонсов

    помогите написать код для модуля анонсов произведений на главной странице. то есть, человек вставляет в определенное окошко ссылку на свой рассказ, кликает на "разместить" и эта ссылка появляется на главной странице. было бы хорошо, если при этом еще было бы окно для введения названия рассказа. главная страница у меня сделан в dreamweaver. прошу помочь, так как искал долго и безуспешно, а знаний для написания кода самому, пока не хватает. заранее благодарен всем кто откликнется

    Asked by roosei,

    0 votes
    15 answers

  14. Учебник JSP

    Пожалуйста, подскажите, хороший самоучитель JSP, чтобы быстро вникнуть в синтаксис языка и разобраться. Хорошо бы не книжку, а ресурс в интернете. Если кому попадался online учебник, подобный htmlbook.ru, поделитесь ссылкой. Заранее благодарен.

    Asked by hike,

    0 votes
    3 answers

  15. Еще раз про pixel-ratio

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

    Asked by Zverushka,

    0 votes
    12 answers

  16. Ошибка downloadable font: incorrect file size in WOFF header

    Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?

    Asked by mstdmstd,

    0 votes
    3 answers

  17. Исходный код страницы в браузере отображается по другом ,чем страница откуда скопировали этот код.

    Здравствуйте. Довольно парадоксальная ситуация. в IE8 открывают страницу сайта, копирую исходный код страницы в html файл .(ничего не меняю) Открываю получившийся файл в IE8 , все отбражается идеально, тогда как на странице с которой скопирован исходный код верстка валится в ноль. То есть стили одинаковые ,js одинаковые, но исходная страница валится , а сохраненый исходный код страницы со свалившейся страницы отображается идеально. Как такое может быть?

    Asked by ishurgaya,

    0 votes
    9 answers

  18. Горизонтальная прокрутка (white-space)

    Доброго дня уважаемое сообщество. Столкнулся с неприятным нюансом и очень нужна помощь. https://jsfiddle.net/96o200ds/2/ Для горизонтальной прокрутки у меня блок .overview имеет white-space: nowrap; (Потому что если не поставить так, тогда горизонтальная прокрутка не появится, а контент будет идти себе по высоте вниз). Выставить четкую ширину (например: 2000px ) я не могу, так как ширина контента динамическая. Проблема в том, что контент не хочет выстраиваться на всю высоту и идти себе по ширине дальше, за границы видимого блока, а выстраивается в одну строчку. Можно ли сделать так, чтобы контент заполнял всю высоту и дальше выстраивался себе в ширину? П.С.…

    Asked by Velidan,

    0 votes
    7 answers

  19. Тег link, параметр media (=all, screen), для чего он?

    ...

    Asked by Stanislaus,

    0 votes
    3 answers

  20. Проблемы с со слоем в Opera

    Делаю сайт http://kruiz.web-dev.kiev.ua/index.php?lang_id=1&menu_id=1 В IE 6 и 7, Firefox 2.0.0.14 и Safari 3.1 все красиво, а в Opera 9.25 - проблема. сдвигается слой с верхним меню под логотип. В чем может быть проблема? Какие возможные пути решения.

    Asked by podlom,

    0 votes
    5 answers

  21. Прыжок

    не хочу делать кнопку на страничке ххх.narod.ru на страничку .ru подскажите хтмл код чтоб заходя на сайт xxx.narod.ru ничего не нажимая поподать на www.xxx.ru и ещё хочу на сайт сделать форму для писем (чтоб письма отправлять прямо со страничке) как правильно называется эта форма и может где-нибудь есть готовые !!!

    Asked by line,

    0 votes
    10 answers

  22. Div нерастягивает родительский.

    Собственно самый что ни есть ламерский вопрос. есть div. в нем ещё два diva в две колонки. Как сделать, чтобы родительский div растягивался не только если у дочернего есть контент, но и если просто задан height.

    Asked by ADV,

    0 votes
    6 answers

  23. тег <p>

    я всегда использовал тег <p> Пример: <p>Обновлена информация в разделе <a href="http://cmonet.ru/index.php?option=com_content&view=article&id=160&Itemid=51">Монеты на обмен</a> появилось 11 новых монет на обмен.</p> <h2>2 рубля:</h2><p><b>Сталинград</b> 2000 и <b>Гагарин</b> 2001 две штуки.</p> <h2>10 Рублей:</h2><p><b>Вооруженные силы</b> РФ 2002, <b>Старая Русса</b> 2002, <b>Министерство Иностранных дел</b> РФ 2002, <b>Ряжск</b> 2004, <b>60 лет Победы</b> 2005, <b>Республика Калмыкия</b> 2009…

    Asked by ghost,

    0 votes
    7 answers

  24. позиционирование дивов как на pinterest

    Привет всем. Задался проблемой, как сверстаны блоки на сайте pinterest.com и ему подобных. Очевидно что простым флоатом там не обходится. При более детальном обследовании пациента выясняется что дивы они позиционируют абсолютом, с помощью скриптов. В скриптах я не силен, возможно есть готовые библиотеки или уроки, как таким образом организовать вывод контента. спасибо за внимание.

    Asked by barsmaster,

    0 votes
    4 answers

  25. Как заставить Masonry располагать контент в 3 колонки?

    При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).

    Asked by VeraVostro,

    0 votes
    3 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