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. Как сверстать такое...

    Добрый день, у меня возникли вопросы, как сверстать такое ... Расстояние инпута должно быть разне от текстов, инпуты должны быть в один ряд,как ето делать? Или давать каждому инпуту разное расстояние? http://cs310531.vk.me/v310531727/1a08/RgEiVmLNBjA.jpg

    Asked by Ghost86421,

    0 votes
    1 answer

  2. По горизонтали фиксировано, но по вертикали должно ездить

    Здравствуйте! Есть страница сайта: http://gorenje.desig...u/produkty.html На ней есть внизу две (красные) плашки. В общем надо, чтоб при прокрутке в окне браузера они по оси Y оставались на одном месте (как сейчас и есть), а по оси X сдвигались вместе с серой рамкой (если меняем ширину окна). Тоесть чтоб они были прикреплены к серой рамке статьи (по оси X) и при резайзе окна браузера никуда не убегали (по оси X). Возможно ли это сделать с помощью CSS ?

    Asked by sc_creator,

    0 votes
    1 answer

  3. Наложение изображения на фон.

    Ребят помогите разобраться. При создание уменьшенных копий фотографий никак не могу могу осилить создание уменьшенного изображения с наложением на фон, если изображение меньше указанных настроек. Подробнее: Есть изображение. И есть настройки блока для превьюшки. К примеру 60px на 80px. Сейчас сделано так, что изображение ужимается по наименьшей стороне,а большая часть тупо обрезается. но зато блок для отображения превью картинки заполнен полностью, тоесть 60*80, если делать сжимание по большей стороне, то соответственно картинка по какой то стороне меньше заданных размеров, т.к. картинка может быть и широкой или высокой. В общем помогите сделать так если возможно: нужно …

    Asked by DRu999,

    0 votes
    1 answer

  4. Не могу разобраться с divами. Нужна помощь!

    Здравствуйте. Извените что так со старта с такими вопросами, но нужен совет. При создании сайта столкнулся с такой проблемой: Есть div обновляемый при нажатии на кнопки без перезагрузки всей страницы. В нём таблица с картинками. К каждой картинке привязан toolTip с описанием. На главной всё путём, а после перехода на 2-ю страницу diva, границы toolTipа остаются в его пределах. При наведении на крайние картинки половины подсказки невидно. Не пойму в чем дело((( Вот код: <div id="okno"> - окно которое обновляется <table> <tr> <td> <CENTER><a href="#">Элизиум</a></CENTER> <CENTER><a href="#" class="tooltip" title=…

    Asked by mat,

    0 votes
    1 answer

  5. Всплывающее окно

    Есть такая штука <form name="vklogin" method="post" action="<?php echo JRoute::_( 'index.php?option=com_vklogin'); ?>"> ... </form> Открывается в этом же окне с полным оформлением страницы. Но надо чтоб открывалось во всплывающем окне и только формы заполнения. Как это сделать?

    Asked by goodsik,

    0 votes
    1 answer

  6. как заверстать такой фон, как думаете?

    Здравствуйте. вот такая задачка, как можно что-то подобное заверстать? Чтобы не целиком весь фон брать. вот она https://dl.dropboxusercontent.com/u/12587498/fon.png

    Asked by warobushek,

    0 votes
    1 answer

  7. Как добиться такого эффекта?

    Нужен эффект как на 1 картинке. Пытался что-то сделать сам, но бес толку. Получается слишком широкая тень, пытался уменьшить, но получилось еще хуже. Как исправить? На 2 картинке показал проблему + приложил код <!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="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } body { background:#F7F7F7; } #blok1 { margin-left:5%; margin-right:5%; height: 500px; backgro…

    Asked by zaec161,

    0 votes
    1 answer

  8. Не проходит валидацию

    Здравствуйте . скажите пожалуйста что изменить в данном коде чтобы код прошел валидацию и расположение элементов в верстке не изменилось? <div class='rod' align= 'center'> <div class = 'topt' > <p><a href = '#html'>Lets get movies</a></p> <form name = 'loic' action = '#' method = 'post'> <p><input type="IMAGE" src = 'images/mes.png' value="" id = 'l2'><label for="l1"><p>12</p></label></p> </form> </div> <div class = 'pcontent'> <img src = 'images/pic2.gif' alt= 'picture' > </div> <div class = 'tfooter'> <form name = 'star' act…

    Asked by Borka,

    0 votes
    1 answer

  9. Ищу конкретный горизонтальный слайдер + аккордион на css

    Ребят, кто знающий, подскажите существует ли горизонтальный слайдер + аккордион только на css? Нужно именно чтобы был вида как slidorion Другие, как бы просто с вкладками находил, а вот именно такой нет.

    Asked by sv9t,

    0 votes
    1 answer

  10. input type="radio" отправка на email выбранного параметра [PHP]

    Нужно что бы на email выходил выбранный один из вариантов Вот не полный вид формы: <table width="100%"> <tbody> <tr> <td width="12%">Самовывоз: </td> <td> <input type="radio" name="deliver" value="Самовывоз" checked="checked"> Офис "Спектр-сб": ул.Ново-Садовая, 303 А<br> </td> </tr> </tbody> </table> <table width="100%"> <tbody><tr> <td width="12%"> Доставка: </td> <td> <p> <input type="radio" name="deliver" value="ООО Деловые линии"> ООО "Деловые …

    Asked by xoff,

    0 votes
    1 answer

  11. Как сделать попап окно?

    Нужно сделать попап окно как на этом сайте http://tabakoff.seychas.net/, когда нажимаешь Позвоните нам бесплатно. Помогите!

    Asked by Анакин,

    0 votes
    1 answer

  12. Помогите настроить выпадающее меню

    Помогите настроить выпадающее меню Дизайн для Друпала, тема Willibald. Что есть: выпадающее меню, и первый и второй уровни, отображается в виде "кнопок", а надо, чтобы второй уровень отображался в виде СПИСКА. Устанавливал в #main-menu li.level-2 display: list-item; но не помогло. Пробовал и разные др. варианты - ничего не меняется. Помогите. Вот код стиля /** * @file * Menu styling */ /******************************************************************************* * Mobile first ******************************************************************************/ #main-menu { background-color: #ddd; line-height: 1; width: 100%; padding: .2em; /* * Level 1 <u…

    Asked by Леонардо,

    0 votes
    1 answer

  13. html 5 range+number

    <form oninput="out2.value=parseInt(range2.value)+parseInt(number2.value)"> <p> <input type="range" name="range2"> <input type="number" name="number2"> <output name="out2" for="range2 number2 "></output> </p> </form> Если потянуть за ползунок range первым то вместо цифр выведется NaN, если же нажать на толе number - то все ок. Как исправить?

    Asked by Tikson,

    0 votes
    1 answer

  14. Смежные селекторы

    В конструкции .one + .two {...} стиль задается для класса .two, как задать стиль для класса .one? http://jsfiddle.net/VBHY5/

    Asked by chocolate_moles,

    0 votes
    1 answer

  15. DIV съезжает

    1) Не получается сделать, чтоб <div> Цены не съезжал вниз, когда ему делаешь отступы вот мой код http://jsfiddle.net/vEWYu/1/ Как это исправить? 2) Вот макет, то, что обведено красным, вот такую вот кнопку можно сделать одним только CSS?

    Asked by FinFan,

    0 votes
    1 answer

  16. Верстка на арабском

    Всем добрый день. Столкнулся с проблемой. Необходимо сверстать сайт на арабском языке. Есть Word документ где и содержится вся текстовка "в правильном виде". При вставке в Adobe Dreamweaver текст переворачивается (слева на право - в арабском справа налево). Применил direction:rtl; текста перевернулся как полагается, но вместе с ним и маркеры и всё что только возможно и не возможно. Изменения не коснулись только мета тегов, которые также необходимо сделать в правильной форме. Вот ломаю голову, может кто то знает решение данной проблемы. Заранее благодарен.

    Asked by Jekis,

    0 votes
    1 answer

  17. Подскажите методику верстки

    Здравствуйте. Попросили меня друзья сделать им заглушку временную, которая будет им письма отсылать. Форму отправки я им минут за двадцать собрал, а версткой я никогда профессионально не занимался, и есть вопросы как лучше поступить. Макет выглядит вот так: https://dl.dropboxusercontent.com/u/26408101/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82.PNG Я немного знаю css, ну то есть понимаю что такое класс, селектор, блок, отступ итп, но опыта у меня нет, планирую гуглить =) Картинка эта у меня есть в векторе со всеми элементами. У меня основной вопрос, что делать картинками, а что элементами CSS, что запихивать в фон, а что как. В обще у меня не хватает знания техник CSS современных. По…

    Asked by Curaudo,

    0 votes
    1 answer

  18. Правильные модальные окна (arcticmodal) проблема установки

    Почему в IE не работает когда я сам делаю а скаченный пример - спокойно работает в IE, что делаю не так? Вот полностью html: <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>ГК "Спектр-СБ" :: Системы безопасности, видеонаблюдения и контроля доступа в Самаре - Главная</title> <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="./jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="./jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href=".…

    Asked by xoff,

    0 votes
    1 answer

  19. Помогите! Проблема с меню

    Помогите пожалуйста. Я сделал шаблон на Артистере, там есть вертикальное меню, и у него есть подменюшки. Проблема в том что подменюшки раскрываются только после того как будет счелчок по той странице в которой они расположенны, а нужно чтоб они раскрывались при наведении мыши. В самом артистере нашел пункт где это исправляется но не какого эффекта. Кэши чистил, не помогает. Подскажите где может быть прописанно это условие что подменю открывается только при нажатии, и какой код прописать надо чтоб оно раскрывалось при наведении, вот сайт на котором это происходит. В вертикальном меню нажмите на пункт "Продукция", только после этого можно будет увидеть подпункты. Помогите п…

    Asked by John_Flores,

    0 votes
    1 answer

  20. Сделать меню в теме WP

    Как сделать меню постоянным? То есть что бы оно появлялось сразу,а не после нажатия на петельку! http://wp-themes.com...?TB_iframe=true

    Asked by SKSKSS2013,

    0 votes
    1 answer

  21. Расположить блоки по ширине родителя

    Добрый день! Есть следующий код html и css: <!DOCTYPE html> <html> <head> <title>test-page</title> <meta charset="utf-8" /> <style> body {margin: 0px;} header {width: 1000px; margin: 0px auto} #a {width: 300px; float: left; background: #27408B} #b {width: 200px; float: right; background: #008B00} #c {background: #CD2626; height: 150px} #a, #b {height: 100px;} </style> </head> <body> <header> <div id="a"></div> <div id="b"></div> <div id="c"></div> </header> </body> </html> Задача. Левый синий блок (div id="a") и правый зеленый (div id="b") имеют непо…

    Asked by zodcyi,

    0 votes
    1 answer

  22. fancybox переход сразу к открытому модальному окну?!

    Ссылка на открытие модального окна имеет вид: <a class="fancybox fancybox.iframe buy" href="./buy/test.html">Заказать</a> В test.html форма, мне нужно что бы после заполнения и нажатии кнопки отправить, выполнялся скрипт а после выполнялся как бы переход на страницу где модальное окно уже открыто,ну проще сказать после того как нажали отправить выполнялся переход как будто перешли по такой ссылке: <a class="fancybox fancybox.iframe buy" href="./buy/done.html"></a> Код кнопки отправить имеет вид: <input class="buy" type="submit" value="Отправить"/>

    Asked by xoff,

    0 votes
    1 answer

  23. HTML мини-игра

    Здравствуйте! Была бы очень благодарна, если бы вы мне помогли разобраться с такой задачей. Вот на этом сайте увидела следующую игру http://www.quiz-en-folie.com/memo-regions.php, хотела бы вставить такую же в свой блог. Возможно ли это? Смотрела исходный код страницы, пыталась переделать под свое, но не очень получилось, кое-что работает, кое-что нет. Я новичок, хотела бы узнать какие параметры в коде я должна изменить на свои, а какие так и должны остаться. Если это вообще возможно. Заранее большое спасибо!

    Asked by sunday24,

    0 votes
    1 answer

  24. FancyBox переопределяет вертикальный скролл ?

    Есть такая проблема в последней версии всем известного плагина FancyBox когда модальное-iFrame окно всплывает то оно затрагивает вертикальный скролл страницы, на странице много контента и соответственно вертикальный скролл длинный, при всплытии плагин берет и убирает существующий скролл и заместо него просто резервирует скролл без ползунка, у меня на сайте некоторые блоки с position:fixed дергаются изза этого переопределения скролла. Вот привожу ссылку на страницу где можете сами лицезреть мною описанное(нажмите на iFrame). Перепробовал все что знаю в итоге не получается сделать так чтобы скролл страницы вообще не затрагивался и не переопределялся Есть старая версия плаги…

    Asked by ilyas,

    0 votes
    1 answer

  25. Визуальный редактор форм

    Здравствуйте! Подскажите, существует ли визуальный редактор форм HTML? Чтобы можно было размещать элементы формы рядом, лесенкой и т.д., но не с помощью пробелов. Например, надо создать форму такого вида: http://itmages.ru/im...177908/9e89a06c

    Asked by Evgen111,

    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