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. Не могу убрать отступы между INPUT

    Вот скриншот: Проблема заключется в том что я не могу убрать отсуп между думая INPUT, хотелось что сама форма была цельной. Вот прилагаю код: <ul class="burner"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=site.ru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="site.ru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/> <li class="inputForm"><input type="text" name="email" onblur="if(this.value=='') this.value='Введите Ваш email'" onfocus="if(this.value=='Вв…

    Asked by Scorpio2011,

    0 votes
    10 answers

  2. body на до конца страницы

    Посмотреть можно здесь http://rugby22.ru/news/ Не могу понять почему body не до конца страницы, с чем это может быть связано?

    Asked by andreyjvasilev,

    0 votes
    10 answers

  3. li блочный или строчный?

    скажите пожалуйста допустимо ли использовать внутри <li> тэги <h3>, <div>? в справочнике этого сайта я так и не нашел информации о типе <li>. есть мнение, что такое использование несемантично. хотелось бы понять почему

    Asked by cyklop77,

    0 votes
    10 answers

  4. Выровнить меню по центру

    html <!doctype html> <html> <head> <meta charset="windows-1251"> <title>Тест</title> <link href="test.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Обучение</a></li> <li><a href="">Новости</a></li> <li><a href="">Видео</a></li> <li><a href="">Фотоальбом</a></li> <li><a href="">Форум</a></li> </ul> </div> </body> </html> и css @ch…

    Asked by RussiaStorm,

    0 votes
    10 answers

  5. z-index и наложение элементов на Google map

    Прошу помощи более опытных товарищей в решении следующей проблемы. Код Google maps перекрывает все <div> и ни как не реагирует на изменения z-index. Если утрировать есть следующая разметка: <div id="logo"></div> <div id="map"> <iframe class="map" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ua/maps? и т.д. код Google map"></iframe> </div> При этом карта перекрывает все элементы, не действует и изменение z-index. Каким образом можно сделать, что бы log "залазило на карту"? Буду очень благодарен за помощь.

    Asked by k0sm0s,

    0 votes
    10 answers

  6. Помогите с формой калькулятора

    с этого сайта я выхватила код этой формы: видно, что все поля формы - обычные текстовые. Такими они у меня и получаются, если я скопировала и воспроизвела это в броузере. Вопрос: а как же у них на сайте эти поля с ползунками получаются? я попробовала сделать форму с ползунками с помощью html5 (там теперь есть renger), но всё равно ползунок в броузере не отражается - ни в мозилле, ни в IE (в последних версиях) что делать , не знаю. подскажите. Очень надо. может, кому не очень трудно написать код этой формы с ползунком (там немного строк), просто, может я где-то делаю ошибку. спасибо.

    Asked by Нusuf,

    0 votes
    10 answers

  7. не подключается шрифт

    Всем доброго времени суток, помогите пожалуйста решить проблему: Подключаю шрифт в css следующим образом @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } Применяю шрифт к ссылкам ul#menu li a{ font-family:MyWebFont; } Шрифт не подключается , относительный путь в font-face указан правильно, в чем может быть дело.

    Asked by romanov,

    0 votes
    10 answers

  8. Не получается выводить описание

    Уже и не знаю что делать, поисковики при выдаче в поиске в качестве описания выводят то что хотят сами, некоторые материалы с описание тоесть текстом песни, некоторые любой набор слов и сайта, или просто код плеера(в большей мере код плеера выводит в гугле) Вот меня есть 3 варианта, но хочу посоветоваться 1.Как то сделать что бы нормально выводилось описания, может для этого его нужно заключить в какой не будь тег или провести иную операцию? 2.В станице материала и комментариев к нему поставить тег <meta name="description" content="Тут описание которое, которое будет при выдаче в поисковиках выводится одинаковым для каждого материала" /> и будет ли так? и как к этом…

    Asked by Yura1,

    0 votes
    10 answers

  9. соприкосновение div при изменении разрешения

    Проблема при разном разрешении экранов. Как должно быть в идеале (разрешение 1600): А вот что получается при разрешении 1280: Код такой: Центральный блок: margin: 0px auto; width: 1000px; Чат: position: absolute; right: 5px; Сначала я сделал, что для чата следующее: left: 1200px и при разрешениях 1280 и 1600 все было хорошо. Но когда пошел к начальнику и у него разрешении более 1600, там был уже косяк... Как сделать так, чтобы при разрешении 1280, не накладывался чат на центральный блок? Например, чтобы он уходил правее (скроллингом прокручивать вправо). Полный размер:

    Asked by SLameN,

    0 votes
    10 answers

  10. Вырпавнивание текста в формах

    <form action="NEWDOC.php" method="POST" name="New"> <p><label>email: <input type="text" name="email" maxlength="35" id="email"/></label></p> <p><input type="submit" value="Отправить"/></p> </form> Как сделать чтобы email находился на одной линии с input'om а не по центру!?

    Asked by Zzz_,

    0 votes
    10 answers

  11. обработчик выпадающего списка

    Есть скрипт, который работает если на странице только он. Как только встроишь его в страницу - перестает работать. Дело в скрипте или в javascript подключенных к странице? [ code ]<script type="text/javascript"> function Select() { prod=document.all.PROD.selectedIndex if (prod==0) { document.getElementById('progr').innerHTML = '№5, №6, №7 - один раз в день.' } else if (prod==1) { document.getElementById('progr').innerHTML = '№5, №6, №7 - два раза в день.' } } </script>[ /code ] клиентская часть [ code ]<select name = "prod" onchange = Select() > <option>"Паркес" 7:</option> <option>"Паркес" 77:</option> </select>: <span i…

    Asked by apexis,

    0 votes
    10 answers

  12. Отступ текста от формы комментария

    Привет всем! Подскажите пожалуйста, как передвинуть этот текст от полей? Вот ссылка на проблему - линк

    Asked by Andrew_las,

    0 votes
    10 answers

  13. Резиновый дизайн с ограничением

    Возможно дать свойство "резинки" ограниченной части сайта?

    Asked by Linblack,

    0 votes
    10 answers

  14. Горизонтальное меню как на Apple

    Доброго времени суток! Друзья, много где спрашивал, однако однозначного ответа ни где не нашел. Дело в том, что я хочу сделать горизонтальное меню по-центру сайта. С заданной шириной, так, чтобы при добавлении дополнительных пунктов ширина не изменялась, а менялась только ширина пунктов меню, т.е. уменьшалась в зависимости от количества пунктов. Причем!!! Пункты меню должны иметь разную ширину. Тупо задать размер - не интересует. Можно тут посмотреть: http://www.apple.com/ Градиенты не интересуют, хочу сохранить гибкость. Буду благодарен всем, кто сможет направить на путь... Спасибо! Если у них на сайте чуть подправить HTMl с помощью fireBug например. То на второй картинк…

    Asked by Kintim,

    0 votes
    10 answers

  15. Веб-технологии

    Добрый день, хочу спросить вашего совета в выборе веб-технологий, в какую сторону смотреть? Изучено: html\css\php\js\SQL\AJAX. Что вы можете посоветовать ещё для изучения? И ещё вопрос такого плана : есть ли смысл использовать cms-ки в небольших проектах, чисто информационных?

    Asked by iloveforever,

    0 votes
    10 answers

  16. Кнопка "назад" с функцией браузера

    Добрый день. Сильно ногами не пинать (пожалуйста). Когда-то где-то видел (читал) о том как создать ссылку (т.е. "а href="бла-бла-бла" с функцией кнопки браузера "назад". Т.е. чтобы посетитель возвращался туда откуда пришел :-) Забыл. Может кто-то подскажет? Спасибо.

    Asked by copyright,

    0 votes
    10 answers

  17. Строчка в таблице

    Здравствуйте Учусь сам. Такое задание нужно выполнить, как на рисунке Тут видно, что строчек получается 5, у меня же получается 4 Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>веб-страницы</title> </head> <body> <TABLE width="900" border="1" cellpadding="0" cellspacing="0" align="center"> <TR> <TD colspan="3">1</TD><TH align="right">2</TH><TH align="right">3</TH><TD rowspan="2" align="right" valign="bottom">4</TD> </TR&g…

    Asked by Tezil,

    0 votes
    10 answers

  18. блок не тянется по ширине в ie7

    Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код: Html <div id="wrap_header"> <!--Блок который должен тянуться --> <div id="header"> <!--Блок который должен быть фиксированным --> <div id="logo"></div> <div id="menu"></div> </div> </div> CSS #wrap_header{ width: 100%; height: 150px; background: url(../images/header_bg.jpg) repeat-x; } #header{ width: 1024px; height: 150px; margin: 0 auto; } #logo{ float:left; width: 200px; height: 80px; background: имадже; } #logo{ float:right; height: 80px; } Во всех нормально отображается, нормально тянется и фиксируется. А во…

    Asked by Digidie,

    0 votes
    10 answers

  19. Метод Лэнгбриджа-Лихи для неоднородного фона

    Прочитал про Метод Лэнгбриджа-Лихи. Однако как быть, если фон неоднородный? Нужно вывести рисунок с текстом так, чтобы область вокруг букв была прозрачной.

    Asked by Feel,

    0 votes
    10 answers

  20. Вопрос по баннеру

    Подскажите, пожалуйста, как прикрутить к страничке вот такой вот банер - http://www.soft99.co.jp/ (наверху страницы, со стрелочками) и как сделать, чтобы картинки так же перелистывались? Ну и естественно, чтобы каждая картинка вела на свою страницу.

    Asked by Drakonyashka,

    0 votes
    10 answers

  21. Проблема со слоями

    Помогите реализовать следующее. Есть два div'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> …

    Asked by Foxter,

    0 votes
    10 answers

  22. Запись в папку

    У меня на сайте есть создание папки и добавление в неё файлов)))) С созданием папок всё нормуль, а вот с добавление файлов в неё проблемы ))) Вот ошибка Warning: copy(user/fdfdffd/index.php) [function.copy]: failed to open stream: Permission denied in /home/p/primenetting.hut4.ru/WWW/reg.php on line 40 А вот сама строка и все прелижащие к ней)))) if (!mkdir('user/'.$login, 0, true)) { die('Не удалось создать директории...'); } $file="index.php"; $output_file="user/$login/index.php"; if(!copy($file,$output_file)) die("Не могу скопировать файл!");//вот ошибачная строчка

    Asked by shizik,

    0 votes
    10 answers

  23. Загадочный отступ, попробуй объясни

    Столкнулся с поведением элементов, которое очень трудно объяснить мне в определениях действующей логики. Пример ситуации указан ниже. Проблема в загадочном отступе который появляется при задании основному блоку .main padding отличный от нуля. Происходит непонятное схлопывание, которое вылазит за рамки моего сознания) Где зарыта корова, я не знаю...с группой единомышленников локализовали проблему вокруг <fieldset> . Тестировал в Chrome. Помогите разобраться http://jsfiddle.net/49EYP/7/

    Asked by Svatov,

    0 votes
    10 answers

  24. Не могу решить задачу с div

    Задача заключается в том что есть основной контент он расположен по центру с статической шириной(колонной в общем) и вот нужно прилепить к этой колонке div c лева, смотрите рисунок

    Asked by cmig,

    0 votes
    10 answers

  25. Картинка в таблице. Видно бордюры

    Всем здравствуйте. На форуме не нашёл ответа Суть вопроса. Сверстал таблицей шапку. Вставляю картинки и между этими картинками, которые в разных ячейках, видно границы каждой ячейки border="0" уже сделал. Самих границ не видно, но цветной фон видно. Картинки занимают 100% ячейки. Как сделать так, чтобы картинки примыкали друг к другу вплотную?

    Asked by Tezil,

    0 votes
    10 answers

  • Обсуждения

    • 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