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. Выполнение сторонних скриптов на сервере из веб-интерфейса

    Здравствуйте, подскажите пожалуйста, как можно выполнить на сервере сторонний скрипт\консольную команду кнопками из браузера? В идеале чтобы можно было читать текстовый вывод этого скрипта и совсем хорошо, если не надо было бы перезагружать веб-страницу для его выполнения. Нашел только вариант как на PHP выполнить консольную команду во время загрузки страницы.. Можно от такой консольной команды хотябы вывод пропарсить? И какие еще варианты возможны (может на джаве что-нибудь?) <html> <head> <title>Hello, World!</title> </head> <body> <br> <?php `python /tmp/scripts/turn_on.py`; echo 'Hello, World!' ; ?> </body> &lt…

    Asked by Mihail_,

    0 votes
    2 answers

  2. Выпадающее меню

    Всем привет) Уважаемые коллеги) Столкнулся вот с такой вот задачей. Нужно сверстать такое меню, вот как это сделал я. Проблема в том, что фон пунктов должен быть прозрачный, то есть при фоновом изображении не должно быть видно белого нижнего бордера. Можно по идее просто линию абсолютно позиционировать и в каждом пункте через ид указывать. А можно ли сделать правый обтекающий бордер, как нибудь динамически?

    Asked by Rezpektor,

    0 votes
    4 answers

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

    Здравствуйте Хочу сделать на кнопках, чтобы при нажатии текст в кнопке смещался вниз (типа эффект нажатия). Это я пытаюсь сделать изменением padding`a в псевдоклассе :active. Вот пример кода <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #buttons { font: 12px/1.4 Verdana; padding: 20px; } #buttons input[type="button"] { border: 1px solid green; padding: 5px; } #buttons input[type="button"]:active { padding: 7px 5px 3px; } </style> </head> <body> <div id="buttons"> <input type="butt…

    Asked by sergiyko,

    0 votes
    5 answers

  4. походу запутался в тэгах таблиц

    приветы. запарился блин пол дня прокопался на месте, но тока мозг забил себе :1128: походу запутался где-то в таблицах. через Dreamveawer пробовал - ни фига не получилось :1128: верстальщик из меня никакой. делаем сайт для группы, я вот на скрине набросал как хочу сделать: фрейм со страницей вставить не могу и в таблицах уже запутался :1128: и изображения на лого криво становятся прикладываю архив со страничками: http://zalil.ru/32579081 либо вот еще html <!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"> <style type="text/css"> <!-- …

    Asked by xSPiRiTx,

    0 votes
    9 answers

  5. Высота 100%

    Не совсем, может быть, уместно, но всё же мучаюсь этим вопросом уже второй день. Как только к делу не подходил. В общем, на баше есть следующая цитата: Собственно вопрос. В какой ситуации данное решение имеет место быть? Даже не представляю что это такое и как это можно верстать.

    Asked by Shugich,

    0 votes
    2 answers

  6. как воспроизвести avi файл

    Каким образом можно воспроизвести avi файл на сайте? Попробовал так <img dynsrc="name.avi" loop="infinite" start="fileopen"> но понимает только IE. Что делать?

    Asked by wsx,

    0 votes
    0 answers

  7. Прошу помощи в блочной вёрстке сайта.

    Построил каркас. Вроде бы всё шло стабильно. Но что то не могу построить блоки обозначенный знаком "?". Помогите поужалуйсто достроить.Работаю через Dreamweaver (для новичка самое оно). Может что то в коде нужно исправить? body{ background-color:#EAEAEA; } #6 { width:1200px; height:2000px; border-width:1px; border-color:#000000; background-color:#164792; padding:5px; margin:0px auto; } #5 { width:1180px; height:300px; margin-top:10px; margin-left:10px; margin-right:10px; margin-bottom:auto; background-color:#FFF; background-image:url(image/upper_block_image.jpg); } #4 { width:1175px; height:20px; background-color:#EAF7FF; margin-top:5px; margin-left:10px; margin-right…

    Asked by Варфоломей,

    0 votes
    1 answer

  8. Использование повторяющихся элементов на разных сайтах

    Очевидно, что многие элементы (меню, логотип и т.д.) часто однотипны от сайта к сайту. Встал вопрос как организовать процесс быстрой верстки таких элементов. Хотелось бы почитать кто как решает этот вопрос, может кто даст дельный совет.

    Asked by bob_24,

    0 votes
    4 answers

  9. Селектор потомков

    Уважаемые форумчане! Имеется код. <html> <head> <style> p p {color: Red;} </style> </head> <body> <p> <p> Текст </p> </p> </body> </html> Почему не срабатывает селектор потомков?

    Asked by luckylad,

    0 votes
    10 answers

  10. Margin, padding и текст

    Очень интересует такой вопрос - от какой точки у текста идет отсчет для свойств margin и padding? Ведь кегель шрифта начинается выше линии прописных букв, и в точности определить где он заканчивается нельзя. Хотелось бы уметь размещать текст внутри блоков максимально точно, у меня сейчас с этим небольшие проблемы.

    Asked by skygazer,

    0 votes
    3 answers

  11. Использование в margin отрицательных значений

    Сабж,это нормально или как-то это можно обойти?

    Asked by Дажьбог,

    0 votes
    6 answers

  12. Фон на форму

    Добрый день! У меня вопрос, как сделать фоновое изображение на форму обратной связи.

    Asked by pgorum,

    0 votes
    11 answers

  13. Фон на форму

    Добрый день! У меня вопрос, как сделать фоновое изображение на форму обратной связи.

    Asked by pgorum,

    0 votes
    0 answers

  14. "Прикрепить файл" в форме связи

    На сайте есть форма обратной связи. Необходимо добавить в нее работающее поле "прикрепить файл". В код самой формы я его добавил, помогите, плиз добавить в "обработчик". Код обработчика (mail.php) без "прикрепить файл": <?php if(empty($_POST['name']) or empty($_POST['city']) or empty($_POST['interes']) or empty($_POST['email']) or empty($_POST['mess'])) { header('Location: http://www.kentaurus.ru/contacts_faul.html'); exit; } ?> <!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="t…

    Asked by Semen_13,

    0 votes
    3 answers

  15. редактирование шаблона сайта

    Здравствуйте!!! Возникла проблема при редактировании дизайна главной странички! сайт на битриксе. при перемещении блока на главной странице, (discount-block ) данный блок перемещается во всех других страницах. Как сделать так что бы этот блок поменялся только на главной странице, а на остальных оставался как и был? Помогите плиз! <? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); $APPLICATION->SetTitle(""); ?> <script type="text/javascript">var showmarker =0;</script> <? if (isset($_POST['pcoord'])){ CModule::IncludeModule("iblock"); $el = new CIBlockElement; $exp_str = explode(",", $_POST['pcoord']); $PROP = array(); $PROP[lib:…

    Asked by rmdl,

    0 votes
    1 answer

  16. куда дописать http://?

    Здравствуйте! Имеется такой код: <iframe id="b" width="100%" height="100%" frameborder="0" scrolling="auto"> Ваш браузер не поддерживает плавающие фреймы! </iframe> <div id="form"> <td>введите адрес вашего сайта: <input id="a"><button onclick="document.getElementById('b').src = document.getElementById('a').value;">посмотреть</button> </div> куда в нем дописать "http://" чтоб не приходилось вводить это в форму?

    Asked by borborich,

    0 votes
    2 answers

  17. Горизонтальная линия рядом с картинкой

    Нужно сделать как на картинке: На всем сайте очень много горизонтальных линий (нарисована красным). Они должны быть по всей ширине блока. Но если линия оказывается рядом с картинкой (с float:left/right) она должна по ширине доходить только до картинки (+ ее margin). А получается так что линия растягивается на всю ширину и залазиет под картинку. Линия сделана div`ом: .line { height:1px; margin:22px 0 26px 0; background:#c7c7c7; border-bottom:1px solid #fff; } Если сделать <hr> вместо div, то линия ведет себя нормально, но там другие проблемы, поэтому <hr> не подходит. Скажите, можно ли так вообще сделать, и если можно то как?

    Asked by bob_24,

    0 votes
    2 answers

  18. растянуть страницу вертикально

    Имеем с нуля таблицу в 3 строки TR. Верхняя TR строка шапка. Нижняя строка TR копирайт и тп. В средней TR допустим всего несколько строк тескта. Нужно, чтобы средняя TR растягивалась на всё окно браузера, так чтобы нижняя TR оказывалась у нижнего края окна. Если в простом коде, то так примерно <HTML><HEAD></HEAD><BODY> <table> <tr><td> -1- </td></tr> <tr><td height="90%"> -2- </td></tr> <tr><td> -3- </td></tr> </table> </BODY></HTML> Перерыл яндекс и спецификации , но по названию этой темы в кавычках ничего нет. Интересу…

    Asked by colors,

    0 votes
    5 answers

  19. Font-Face...

    Здравствуйте... При подключении нестандартных шрифтов столкнулся с трудностью... Не могу понять что я упуcтил из виду? Вроде всё сделал на первый взгляд правильно - но почему то это не срабатывает... (делал это и раньше - но всего пару раз... Видимо с того времени забыл какие то моменты...) P.S. Ccылку на работу и скрин с указанием где находятся нестандартные шрифты - прикладываю... http://yamaradg.narod2.ru/history/SHRIFTS/index.html http://yamaradg.narod2.ru/history/nsh.jpg Буду благодарен за любую помощь в решении проблемы...

    Asked by Yamaradg,

    0 votes
    1 answer

  20. Как вставить Flash в html?

    Подскажите пожалуйста наиболее грамотный способ вставки flash в html, валидный для всех браузеров? Спасибо

    Asked by Yarkaya,

    0 votes
    2 answers

  21. Вопрос

    Добрый вечер. Подскажите пожалуйста по данному вопросу. Есть заголовок, двустрочный. Нужно сделать так, чтобы первая строка автоматом была всегда уже нижеидущей. Заранее благодарю за помощь...

    Asked by Arinden,

    0 votes
    0 answers

  22. Код в коде html

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

    Asked by greeb,

    0 votes
    8 answers

  23. <video> background, соц. кнопки

    1. Подскажите как поставить в беграунд видео? Стандартно я так понял в видео <video> нет параметра такого. Нашел скрипт, но он прототайповский, я у меня кругом jquery. Если noConflict делать, то это надо все jquery же пересматривать, и делать единообразный $. Пробовал кучу html5 плееров, то ли плохо пробовал, то ли чего, но тоже ничего не получилось. Есть может у кого нибудь пример? Подскажите что нибудь. Спасибо. <!———————> 2. Не хочу создавать отдельную тему, можно ли передизайнить кнопки "Мне нравится", "like it" ну и "tweet"? Как кстати у вас тут внизу. Я так понимаю надо перехватывать стили, что он выводит, и свои подставлять?

    Asked by npofopr,

    0 votes
    2 answers

  24. Три div'a в одном диве горизонтально.

    Ребят а подскажите как сверстать такую штуку (смотри скрин). ФОТО Вот HTML: <div id="t0"> <div id="t1"> </div> <div id="t2"> </div> <div class="t3"> </div> </div> Мне нужно чтобы блок 1 был 100 px, блок 3 - был 100 px, блок 2 растягивался на все остальне пространство. Проблема в том что они не находятся на одной линии (1-ый стоит как и должен стоять, а вот второй, почему то смещается по горизонтали вниз (когда должен быть на одной линии с первым), выходя за слой t0) Подскажите как сделать? Спасибо.

    Asked by tarkinsky,

    0 votes
    4 answers

  25. Растушевка со скруглением углов придумана в CSS?

    Здравствуйте. Задался целью получить такие картинки: то есть имеющие скругления плюс градиентный переход к прозрачности( в моем случае фон белый) либо к белому цвету. Скажите, есть ли какие средства в HTML+CSS для получения подобной растушевки со скруглением одновременно? С уважением и благодарностью

    Asked by borus,

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