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

29,542 questions in this forum

  1. Вопрос по DIV

    1-й вопрос: хочу сделать DIV-ми некое подобие разбиения страницы на блоки. Цель: Понять, какими свойствами пользоваться, для верного представления - как будут расположены блоки DIV. Вот сначала разбиваю, всё норм: Код: <html> <head> <style> #body {min-width:8000px; } /*Заголовок*/ .header { width:100%; text-align:center; border: 1px dotted gray; } /*Левая колонка*/ .block_1_1 /* 1.1 */ { float:left; width: 20%; border: 1px dotted #ccc; overflow:hidden; } /*центр - контент*/ .block_1_2 { margin: auto; /*Выравниваем между девой и правой колонкой*/ width: 60%; border: 1px dotted #ccc;…

    Asked by kolob204,

    0 votes
    4 answers

  2. Фиксированный Блок Новые Возможности

    А как поместить "Фиксированный Блок" <div id="Блок1"></div> на задний план перед "Не фиксированным или с параметрами css #Блок2 {width:515px; margin:0 auto; position: relative;" <div id="Блок2"></div>??? Проблема: Разрешение у всех разное у кого маленькое у кого большое. "Фиксированный Блок" - картинка. На маленьком экране налезает на Блок2. Но Блок1 Полюбас должен распологаться в левом нижнем углу с параметрами фиксации #Блок1 { width:300px; height:430px; background-image:url(../Блок1.png); position: fixed; left:0; bottom:0;} так как это картинка на которой изображен человек по пояс. И он должен быть на своем мес…

    Asked by americanshop,

    0 votes
    1 answer

  3. Проблема с блоками

    А как поместить "Фиксированный Блок" <div id="Блок1"></div> на задний план перед "Не фиксированным или с параметрами css #Блок2 {width:515px; margin:0 auto; position: relative;" <div id="Блок2"></div>??? Проблема: Разрешение у всех разное у кого маленькое у кого большое. "Фиксированный Блок" - картинка. На маленьком экране налезает на Блок2. Но Блок1 Полюбас должен распологаться в левом нижнем углу с параметрами фиксации #Блок1 { width:300px; height:430px; background-image:url(../Блок1.png); position: fixed; left:0; bottom:0;} так как это картинка на которой изображен человек по пояс. И он должен быть на своем месте по…

    Asked by americanshop,

    0 votes
    0 answers

  4. Проблема с нижней полосой прокрутки

    Всем здрасьте. Решил сделать собственную карусель, с гейшами и нардами, в итоге родил вот такую небольшую кодовёрстку: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Фотон</title> <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { $("div.children").each(function() { …

    Asked by sifilis,

    0 votes
    0 answers

  5. Работа с iframe

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

    Asked by Makeda,

    0 votes
    2 answers

  6. проблема с двумя блоками css

    есть вот такая страничка написанная на html javascript и css. Вопрос следующий Текст, который выделен в кружке на картинке, не получается вставить на один уровень с видео. Что-то с блоками в style.css но вот как решить проблему не пойму часть кода из main.html: <section id="content"> <div class="container_12"> <article class="a1 border-bot extra-wrap"> <center><iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe></center></br> <article class="a1 border-bot2 extra-wrap"> <strong>Right Sidebar:</strong> Inte…

    Asked by 123456789igor,

    0 votes
    6 answers

  7. Вставка стилей в xhtml basic

    Как вставить стили в xhtml basic?

    Asked by max2012,

    0 votes
    1 answer

  8. Яндекс.Детектор

    Подскажите, пожалуйста, как настроить Яндекс.Детектор, чтобы люди, которые заходят на мой сайт с мобильного телефона, автоматический перенаправлялись на него мобильную версию?

    Asked by anna-2010,

    0 votes
    0 answers

  9. Размещение сайта в интернете

    Добрый день друзья. Не знаю куда нужно было написать, написал сюда. Сильно не критикуйте. Суть вопросо в том, что я сделал сайт на php купил хостинг, и зарегестрировал домен. Хостинг с поддержкой php. Залил все фйлы и папки на сервер хостинга. Но вот уже как месяц прошёл, а сайт не размещается в интернете. Раньше я размещал сайт на html через этот хостинг, буквально 3-4 дня и сайт обходил весь мир, и регистрировался во всех поисковых системах. Помогите. Может что то в настройкаках на сервере хостинга не так?

    Asked by Devastator,

    0 votes
    8 answers

  10. checkbox со скрываемой формой

    Всем, привет! Помогите пожалуйста разобратся, в данном коде при нажатии на второй бокс, активируется первый эриатекст ((( Как сделать независимыми позиции? (планируется их множество) <FORM> Изделие 1 <input type="checkbox" NAME="1" onclick="if(this.checked){document.getElementById('nextSibling').style.display='inline-block'}else {document.getElementById ('nextSibling').style.display='none'; document.getElementById('nextSibling').value='';}"> <input type="text" placeholder="0" SIZE=1 MAXLEGNTH=1 style="display: none;" id="nextSibling"> <br> Изделие 2 <input type="checkbox" NAME="2" onclick="if(this.checked){document.getElementById('nextSibl…

    Asked by Sam,

    0 votes
    2 answers

  11. Разное отображение типографии в Ubuntu и Windows Xp

    Здраствуйте. Я верстаю на ubuntu. Совсем не давно заметил, что размеры шрифтов по разному отображаются в уьунту и виндоус. Как с этим быть? Существуют ли какие либо сбросы стилей конкретно для типографии? Скрины прилагаю: ubuntu, windows xp

    Asked by JosePerez,

    0 votes
    2 answers

  12. Фиксированное положение элемента

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

    Asked by cartrege,

    0 votes
    1 answer

  13. Нумерованный список

    Приветствую! Можно ли реализовать нумерованный список такого вида:? 1. Текст — 1.1 Текст — 1.2 Текст — 1.3 Текст 2. Текст 3. Текст Создание структуры вложенности в <li> не работает. Подскажите возможно ли такое вообще?

    Asked by Maxi,

    0 votes
    1 answer

  14. ie6 меню

    Все привет! У меня проблема с меню(#menu) в ie6: при наведении курсора на меню появляется ненужный отступ снизу, а надо чтобы и меню было плотно прижато к нижней границы #header, и при наведении курсора кнопка также увеличивалась снизу(menu a{padding:2px 20px 0;}), наезжая на границу <!doctype html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_to_for_m.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="contai…

    Asked by Nailya,

    0 votes
    2 answers

  15. Бэкграунд для блока с высотой-авто

    Всем привет! Только начал изучать html и сразу повалились вопросы. Вроде задача пока достаточно простая, надеюсь всё легко решается. _http://dsage.500mb.net/animation/TASK1.jpg собственно DIV1 и DIV2 имеют бэкграунд со способом отображения repeat-y. Если чётко указывать Height, то они отображаются, если нет то их не видно. Но жёстко указывать для каждой страницы высоту это накладно и более того она может быть разной в зависимости от шрифта насколько я понимаю. Так что хотелось бы найти универсальный выход. Первое что приходит на ум это использовать яваскрипт, но пока я откладываю такое решение как самое крайнее. Помогите решить ведь это еще самый простой из вопросов к…

    Asked by DubSage,

    0 votes
    3 answers

  16. Загадочная конструкция в CSS

    Друзья, я тут столкнулся с такой конструкцией в CSS: table [class*=span] {float:none;} Может, кто знает, что это такое?

    Asked by solovets-denis,

    0 votes
    6 answers

  17. Трабла с dropdown меню в twitter bootstrap

    Приветствую! Взял я twitter bootstrap v2.1.0 и начал верстать на нем новый сайт. Все бы ничего, но возникли проблемы с dropdown-меню. Когда щелкаешь на списке, который должен раскрыться, он раскрывается не под своим элементом, а в начале навбара. Похоже на косяк в JS, не правильно определяется позиция. Но, точно понять не могу. Может кто сталкивался / знает как решить проблему?

    Asked by keltanas,

    0 votes
    2 answers

  18. Проблема с отображением сайта в IE

    Здравствуйте! Прошу помочь разобраться с возникшей проблемой отображения сайта в IE. Недавно заметил, что только этот непослушный гражданин напрочь отказывается красиво отображать сайт http://openprogs.info И сколько я не всматривался в исходник страницы, не смог обнаружить проблему. А между тем на сайт начали приходить люди и перед некоторыми из них (что с IE) мне становится стыдно ) Заранее благодарен.

    Asked by openprogs,

    0 votes
    1 answer

  19. Изменение размера блока от контента

    Доброго времени суток, форумчане! Возник вопрос. У меня в вёрстке при сжатии окна браузера строки статуса и нахождения в онлайне переносятся на следующую строку. Как сделать так чтобы серая полоса, в которой это всё находиться увеличивалась по занимаемому элементами объёму и надписи не налезали друг на друга. Вот скрины и архив с файлами: http://zalil.ru/33707225

    Asked by Dimcore,

    0 votes
    6 answers

  20. Как сделать, чтобы цвет маркеров в списке отличался от цвета текста? Без спана. Без картинок.

    Знаю, что знатоки любят головоломки по верстке, поэтому предлагаю вот такую задачку, которую сегодня пришлось решать. И, что порадовало и удивило, успешно) Чтобы все было по честному, результат будет сделан картинкой (чтобы не повадно было посмотреть css), html-код я прикладываю. Итак, есть такая статья «Как сделать, чтобы цвет маркеров в списке отличался от цвета текста?», там предложен способ с тэгом span. А можно ли добиться того же эффекта без спана? И, естественно, без картинок, чистым css? Что скажете? В общем, предлагаю подумать над css. Уверен, что решение будет в ближайшие пару часов. Если нет, тогда поделюсь своим, которое, имхо, вполне удачное. Просто очень ин…

    Asked by provoloka,

    0 votes
    5 answers

  21. Div И рисование Геометрических фигур

    Ребят такая ситуация вот я с помощью css нарисовал трапецию ,вот код:#trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; } потом присваиваю это css правило div контейнеру мне нужно чтобы была рамка горизонтальная по всему сайту с низу из трапеций как это реализовать,думал насчёт функции repeat но она подходит только для background image

    Asked by Stripped,

    0 votes
    3 answers

  22. Фиксирование блока ( position: fixed или иное)

    Уважаемые товарищи! Сравнительно недавно сел за верстку проекта и столкнулся с новой для себя проблемой. Надеюсь на действенные советы и помощь. Суть задачи: Верстка страницы сайта в 3 колонки div-ами, располагающимися внутри основного. Также в основном блоке имеется горизонтальный <div>, который требуется зафиксироватиь внизу экрана, чтобы при скролле страницы ( в случае появления скролла) он оставался всегда на своем месте. В верстке основных блоков проблем не возникло, а вот при реализации фиксированного блока появились трудности. Для реализации этой задачи я использовал position: fixed; bottom: 0px; Блок зафиксировался на нужном месте, но в Google Chrome …

    Asked by Altenrion,

    0 votes
    3 answers

  23. Как сделать чтоб

    Всем доброе время суток! Как сделать что при нажатие кнопку скачать экран не поднимался вверх само начало страницы? когда сама кнопка внизу с помощью Ajax Вот сам код <a class="dow" href="#" id="down">Скачать</a> <div id="downtab" style="display:none"> <div id="rek-top"></div> <div id="rek-centr"> <p>Скачать файл можно после просмотра рекламы:</p> <div id="reklama"> <!--Ваша реклама--> </div> <div id="hidden" style="display:none"> <!--Ваша ссылка на скачивания--> </div> </div> <div id="rek-bot"></div> </…

    Asked by Bismuth,

    0 votes
    4 answers

  24. Карта-изображение

    Здравствуйте! В создании сайтов я новичок, самостоятельно изучала htmlbook.ru и искала решения в интернете, но, все-таки нужна помощь. Задача - создать карту-изображение из нескольких частей (3-5) идущих вертикально одна за другой. Каким образом задавать позиционирование этих, фактически, фоновых изображений служащих еще и картой? Была мысль склеить их в одно, но... Кажется, если большое изображение нарезать на несколько меньших, то загрузка идет быстрее? Есть ли вариант объединить их в "подложку" для одной карты или нужно делать несколько отдельных карт? И как их тогда размещать одна над другой?

    Asked by Далматинец,

    0 votes
    4 answers

  25. Как расположить дивы в одну строку (в 2 столбца)

    Здравствуйте! Так как я новичок, значит думаю, я правильно выбрала раздел форума... Проблема такова: имеется блог с рецептами, сейчас занимаюсь расположением рекламы от гугла. Хочу разместить текстовый рекламный блок рядом с маркированным списком ингредиентов. Как я понимаю, если использовать верстку дивами, нужно поместить список в один див, а рекламу в другой. Какие параметры нужно задать дивам, чтобы они не разбегались по все странице. Пробовала с помощью float:left/right;, но все расплылось. Текст ниже этих блоков вылез на место рекламного блока, а рекламный блок завис над ним.

    Asked by svetlaya,

    0 votes
    1 answer

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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