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. Как научиться правильно вырезать background?

    Собственное дизайнеры или опытные верстальшики, подскажите свои методы как правильно вырезать background чтоб он правильно растиражировался на сайте. к примеру вот картинка [/url

    Asked by moslem,

    0 votes
    2 answers

  2. как находить ошибки

    Кто может подсказать какие есть принципы для поиска ошибок в коде. пример - Проверять все ли буквы кода на английском. - все ли теги контейнеры закрыл. -Наследуется ли стилевой параметр или нет. И т. п. Когда вроде написано вс? верно , а результат иной от предполагаемого, при этом оказывается, что тонкости с использованием некоторых стилевых параметров не прописаны в справочнике, а ты про них и не подозреваешь.Как быть , не пролазить же по каждому параметру кучу книг и справочников . Когда не знаешь откуда берется отступ, который ты нигде не прописал, или ты его убираешь через margin: 0px, а это не работает например: <HTML> <HEAD> <TITLE>Сайт ////</…

    Asked by ardjuna,

    0 votes
    2 answers

  3. Как начать верстать сайт

    Здравствуйте. Сижу и не как не могу сосредоточится на работу. Боюсь сложности. Знаю немного html и css, в течение последних двух лет периодически этим занимался, сделал пару простеньких сайтов с использованием вышеупомянутого(они до сих пор на флешке где то у меня хранятся). Не понимал, и до сих пор не понимаю многих вещей, например зачем вначале страницы писать <DOCTYPE> и еще 2 непонятные строки, а потом уже начинать писать <html> <head> <body> и т.д. Я считал это не нужным и сразу начинал с <html>. Предпочитал работать в блокноте, так как дримвивер(если я правильно помню название) и еще некоторые средства верстки мне не нравились. Когда к…

    Asked by Amalkurbanbaev,

    0 votes
    11 answers

  4. Как начать работать над сайтом (PHP, Joomla, mySQL) ?

    Есть список-таблица. Она выодится на экран при выборе категории (магазин VirtueMart). Есть заголовки табдиц. Вида, "Наименование" "Цена", и т.п. Мне нужно поменять саму таблицу. Но, для начала, хотя бы понять, где это? То есть, в какой части админ-панели, какой файл, какая таблица в базе?

    Asked by skms,

    0 votes
    0 answers

  5. Как не дать двум дивам наложится друг на друга?

    Здравствуйте! У меня есть дивы идут в столбик один под одним. Каждый див имеет определенную высоту. Внутри дива текст. Если текста мало, то все нормально... Но когда текст не вмещается в размер этого дива то он налазит на следующий нижний див и закрывает его. Как это можно предотвратить, то есть чтобы он растягивался и не налазил на следующий? Спасибо большое за ответ! Если не понятно написал- скажите.

    Asked by SHN,

    0 votes
    2 answers

  6. Как НЕ закрывать при клике на оверлей (overlay)

    На http://red-book-cms....-bootstrap.html увидел пример модального окна. Но при клике на оверлей окно закрывается. Автор не отвечает уже 2 недели. Может кто подсказать? Начало: <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="http://yandex.st/jquery/1.8.3/jquery.min.js"></script> <script src="js/bootstrap-transition.js"></script> <script src="js/bootstrap-modal.js"></script> Конец: <!-- Кнопка по нажатию на которую будет показано окно: --> <a data-toggle="modal" data-target="#mayoOkno" class="btn btn-primary">Показать модальное окно!</a> <!-- Модальное окно: --> <div id="mayoOkno" cla…

    Asked by denis.poligon,

    0 votes
    1 answer

  7. Как не ошибиться ?

    На этом форуме несколько раз я получил ответы на свои вопросы , надеюсь сообщество и в этот раз не пройдет стороной . какая разница между <div id="moz"> и <div class="moz"> Спасибо.

    Asked by RomanF,

    0 votes
    4 answers

  8. Как нейтрализовать смещение контента после исчезновения прокрутки?

    Здравствуйте! Продолжаю дорабатывать форму, которая вызывается по клику на кнопку "Заказ в 1 клик" на странице. После вызова формы видно, что контент под шапкой меню смещается к центру из-за исчезновения скроллинга (появляется overflow:hidden у body) Скажите, пожалуйста, как в современных подходах верстки нейтрализуют подобные смещения?

    Asked by borus,

    0 votes
    8 answers

  9. как нужно выравнивать футер

    знаю только position:absolute; bottom:0; —-- налазит, если изменить размер окна, на блоки сверху. как сделать, чтобы было все время снизу и при этом не налазило на верхние блоки никогда?

    Asked by Slyfox,

    0 votes
    5 answers

  10. как обвести текстовое поле синим цветом ?

    как обвести текстовое поле синим цветом ? Где - то я видел такой тег, но потерял ;( Подскажите плз.

    Asked by malish,

    0 votes
    2 answers

  11. Как обездвижить div при маштабирование

    Доброго времени, Скажите пожалуйста как сделать так чтоб рамки div при масштабирование браузера не менялись (не масштабировалась) контент внутри масштабирования а сама рамка нет?

    Asked by 4237723,

    0 votes
    1 answer

  12. Как облегчить вес картинки?

    здравствуйте. у меня картика фона для body весит 1,2 мб (где-то 1600*2500px ) даже загружается с опозданием она в формате jpg в gif ещё больше весит. а есть ли какой-то способ уменьшить вес картинки, сохранив её размеры? спасибо

    Asked by Нusuf,

    0 votes
    4 answers

  13. как облегчить работу браузеру?

    В каком случае браузер меньше напрягается? Допустим есть десять блоков которые оформлены одинаково, мы все привыкли(я по крайней мере) задавать этим блокам один класс и уже его стилизовать в CSS. Да нам так проще и CSS файл получается меньше. Но как лучше для браузера, как ему легче отрисовывать блоки, когда у них один класс и они оформлены одним правилом CSS или когда каждый блок имеет индивидуальное правило. В частности интересуют IE7/8 и их особенности. Может где то можно почитать на эту тему?

    Asked by rediskavet,

    0 votes
    6 answers

  14. Как обновить карту в млдальном окне

    Привет. Есть кнопка с описанием "подробнее" она вызывает модально окно <div class="readMore"><a href="#openModal" class="btn btnSmall" ><span>подробнее</span></a></div>Вызывается окно в IFrame <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <h2>"Зеркальное" озеро</h2> <p style="color:black">Координаты: 43°32'3"N 39°50'34"E </p> <iframe id="n1" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.ru/maps?f=q&source=s_q&hl=ru&geocode=&q=43%C2%B032…

    Asked by romoga,

    0 votes
    2 answers

  15. Как обозначить группу строк таблицы

    Как грамотно обозначить группу строк таблицы для её отображения и скрытия через JavaScript, если не хочется им задавать id="grp1row1" id="grp1row2" id="grp1row3" и так далее (чтобы не задумываться о поддержке непрерывности списка номеров) и не использовать атрибут class для того, для чего он не предназначен (да и совать в каждый tr имя класса - замучаешься)? Можно, конечно, использовать атрибут "name", но я стараюсь придерживаться правил XHTML, где данный атрибут запрещён.

    Asked by Webr,

    0 votes
    6 answers

  16. Как обойти параметр display: none заданный в html?

    Добрый день, друзья. Вопрос дурацкий. Есть старый сайт не пойми на чем сделанный (друпал + уберкарт старых версий). В коде одной из страниц добавлен style="display: none;". Найти где и как он добавлен - не удалось (динамический элемент подключается только при определенном событии). Скажите, можно ли как-то отменить этот параметр через CSS или еще как-то? У данного элемента есть CSS класс. Можно на него что-то повесить. Заранее спасибо!

    Asked by dron,

    0 votes
    3 answers

  17. Как обойти символ "{" в smarty

    есть такое выражение {$smarty.server.REQUEST_URI|regex_replace:"/[0-9]{1,3}/":""} кто в курсе как можно записать {1,3} что бы smarty не выдавал ошибку?

    Asked by valul72,

    0 votes
    5 answers

  18. как обойти ЯваСкрипт

    Доброго всем времени суток!!! У меня следующая проблема, Данное тело полностью рабочее, но мне надо какм то образом обойти наличие скрипта!!! <body> <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </script> <textarea name="text" size="50"></textarea> <img src="01.gif" onclick="past(true)"> </body> </html> я новечек в этом деле но на моем бесплатном хостинге в гостивой стоит похоже какой то контроль он полностью игнорирует все скрипты такого плана <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </…

    Asked by ruslan_rx,

    0 votes
    2 answers

  19. Как обработать событие изменения размера textarea

    Имеем input, под ним textarea(с возможностью изменения размера) надо чтобы при изменении размера textarea менялся размер input т.к. у textarea нет события onresize надо полагать это возможно с помощью handleEvent но почему-то не получается у меня его обработать и самому input как задать ширину? делаю так: textarea = document.getElementById('text_area'); inputarea = document.getElementById('absender'); document.kontaktformular.absender.value="Width: "+inputarea.offsetWidth; /* выводится корректное значение */ inputarea.offsetWidth=textarea.offsetWidth; /* а новое не присваивается /*

    Asked by EDIsaev,

    0 votes
    9 answers

  20. Как обратиться к значению класса в HTML ?

    Есть HTML страница, в которой есть класс: <div class=infoLine cPower><i></i> Мощность: 539.50 </div></div>Можно ли как-то через другую HTML страницу обратиться к этому классу и вытащить из неё значение 539.50? Если да то как? P.S. Просьба не пинать, HTML изучал в универе, кое-что знакомо, но не работал, тут вот чё-то захотелось))

    Asked by maxster,

    0 votes
    10 answers

  21. Как обрезать год?

    Код для валидации даты var day = parseInt(R.substring(0, 2), 10) ; var month = parseInt(R.substring(2, 4), 10); var year = 2000 + parseInt(R.substring(4, 6), 10); var tmpDate = new Date(year, month-1 /* нумерация с 0 */ , day), newYear = tmpDate.getFullYear(), newMonth = (tmpDate.getMonth()+1), newDate = tmpDate.getDate(); if (newMonth < 10) newMonth = "0" + newMonth; if (newDate < 10) newDate = "0" + newDate; var zzz = ' ' + newDate + newMonth + newYear + R.substring(6, R.length); как сделать, чтобы год выводился в формате YY?

    Asked by Самая сладкая,

    0 votes
    1 answer

  22. Как обрезать длинное слово в IE8?

    Добрый вечер. Столкнулся с проблемой при верстки. При маленьком расширение экрана, длинные строчки не обрезаются в IE8. .serversName { max-width: 183px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } Есть такой вот class, в нем храниться название сервера. В Google Chrome хорошо работает, при уменьшении окна браузера, когда расширение доходит до 920px, лишнее убирается и ставиться 3 точки. Начинаю тестировать в IE8. Все эти правила в клаасе игнорируются. Вот сайт на котором это делается: Перейти на сайт Можете зайти сами поглядеть. В общем как сделать что бы и в IE8 обрезание работало? Спасибо за внимание

    Asked by awikong,

    0 votes
    1 answer

  23. Как обрезать изображение на определенное кол-во пикселов?

    Как обрезать изображение например на 3px со всех четырёх сторон?

    Asked by Koroed,

    0 votes
    1 answer

  24. как обрезать изображение?

    В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…

    Asked by anton41k,

    0 votes
    1 answer

  25. Как обрезать картинки в IE?

    [РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> &lt…

    Asked by Rooner,

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