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. Из за чего может быть так?

    Ребят, из за чего так может быть так? Во всех браузерах нормально кроме сафари версии 6.1.1 которую я никак найти не могу что бы установить у себя и попробовать. И хром, и фф, и сафари (более старых и новых версий чем 6.1.1, даже на windows который) показывают все отлично, а вот сафари которая у заказчика делает вот такую пакость. http://www.youtube.com/watch?v=hjwHVHQmvg0&feature=youtu.be

    Asked by Нарек,

    0 votes
    8 answers

  2. Переход с табличной вёрстки на вёрстку слоями

    Добрый день, друзья! Я даже не знаю как сформулировать свою проблему. Нужно код ниже сверстать слоями. <table width="950px"><tr><td><nobr>Очень длинный текст</nobr></td><td><nobr>Ещё один очень длинный текст</nobr></td><td width="100%">Резиновый блок</td></tr></table>Ни какие размеры блоков заранее неизвестны, кроме ширины макета. display: table не предлагать. Т.е. что я имею ввиду: есть блоки, которые должны быть размещены по горизонтали, при этом последний из них должен занять всё оставшееся место. Количество блоков неизвестно, но их явно не меньше двух.

    Asked by mymedia,

    0 votes
    8 answers

  3. Форма обратной связи на лэндинг

    Всем привет) Я купил в интернете макет лэндинга, реализованного на html. Т.к я не знаток html, то какие-то основные моменты я подстроил под себя, но остался вопрос, каким образом настроить форму обратной связи на свой e-mail. Привожу код данной формы: <form class="form-inline"><input type="tel" id="tel" name="tel" placeholder="Ваш телефон (мы перезвоним)" class="input-lg"><button type="submit" class="btn btn-primary">Оставить заявку</button></form>Пробовал искать ответ, экспериментировал с mailto, но не получилось добиться работоспособности формы. Помогите пожалуйста: как должен выглядеть код формы, чтобы при нажатии на кнопку, мне на поч…

    Asked by delui,

    0 votes
    8 answers

  4. Расположить картинку за формой

    Добрый день Подскажите, как расположить картинку с девушкой за формой авторизации?

    Asked by kirill1059,

    0 votes
    8 answers

  5. отображение текста на ховере

    добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.

    Asked by mrfrunze,

    0 votes
    8 answers

  6. Выравнивание по центру

    Здравствуйте. Помогите выравнить блоки/шторки по центру. Скриншот: Нужно что бы эти блоки были по центру. Вот код: <!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> <title>Красивые шторки</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"><…

    Asked by Markelok,

    0 votes
    8 answers

  7. Как и спрайт показать и наложение элементов устранить на узком экране?

    Здравствуйте. На странице если суживать окно то получается следующая картина: то есть подчеркивание заголовка раздела налезает на ссылки этого раздела Если в стилях отключить height: 25px; то получается наполовину хорошо, поскольку из спрайта показывается следующая иконка: Как можно сделать так, чтобы и подчеркивание было на своем месте и из спрайта показывалась только одна иконка?

    Asked by borus,

    0 votes
    8 answers

  8. last-child

    Добрый день, подскажите как решить проблему с last-child, : для последнего элемента .coach-photo нужно убрать правый отступ 65px, прописываю .photos .coach-photo:last-child{margin-right:0px;}не работает. пробовал nth-child, nth-of type - не работает. ! Но если убрать <p class="photo-title">LEONARDO,<span>MANAGER - USA<span></p>- надпись над картинкой, то все норм. Почему так происходит!??? вот ссылочка - фото парней http://sport.teslalight.com.ua/ Спасибо за ранее.

    Asked by mrfrunze,

    0 votes
    8 answers

  9. HTML5 Boilerplate

    Используете ли вы HTML5 Boilerplate? Есть ли в нём минусы?

    Asked by DivMan,

    0 votes
    8 answers

  10. Вопрос по цветовым функциям Sass

    Добрый вечер! Начал разбирать Sass, и возник такой вопрос по цветовым функциям: правильно ли я понимаю, что можно задать один цвет одной переменной, а все остальные цвета на странице, которую я верстаю, можно получить с помощью цветовых функций Sass?

    Asked by Stright,

    0 votes
    8 answers

  11. Проблемы верстки на IPad

    Здравствуйте! Есть проблема адаптивной верстки сайта http://www.hypnoshop.com/test/! В обычном браузере (Firefox, Chrome, Safari) всё норм.. Виглядет вот так.. http://prntscr.com/4srtg9 А на оригинальном IPad так .. https://s3.amazonaws.com/prod_object_assets/assets/17098870067074/ipad-screen2.png?AWSAccessKeyId=AKIAI7NUHQYARXR2GGCQ&Expires=1412414176&Signature=MgKuXc%2FinDf5SnIeFyOApOAdaJI%3D#_=_ Ipad игнорирует свойство overflow? подскажите что делать в текущей ситуации.. ? Спасибо.

    Asked by lbondodesc,

    0 votes
    8 answers

  12. Как всегда photoshop и расположение элементов с psd

    Ситуация такая: есть меню навигации при наведении мыши должна быть подсветка у меню. Меню расположил, вот с подсветкой не могу сладится, решил реализовать все через псевдокласс hover,сохранить подсветочку из макета и наложить на меню.Проблема в том что photoshop сохраняет это все с белым фоном. Выделение слоя и сохранения дает тот же результат опять фон, как проще сделать? Одна подсветка всегда должна быть, другая с дополнительным подсветом при наведении мыши.

    Asked by Get to heaven,

    0 votes
    8 answers

  13. Спрайт меню.

    Доброго время суток, подскажи как дабиться ефекта меню кторый справа. И по возможности обясните принцип размещения спрайт иконок.

    Asked by ksn,

    0 votes
    8 answers

  14. Создание таблицы

    Здравствуйте форумчане. Я учусь в 11 классе. По информатике нам задали сделать простой сайт. Ситуация такова - сказали сделать, но толком не объяснили как, и в процессе появились вопросы. В общем у меня одна проблема с таблицей как ее проще сделать.Нужно ли вводить CSS? Через <tr></tr><td></td> не получается, либо я что то не так делаю.Прикрепляю картинку как должно быть.http://imgur.com/R9CBSvw

    Asked by Titovik,

    0 votes
    8 answers

  15. НАЛОЖЕНИЕ таблиц в GMAIL - вопрос

    Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))

    Asked by DEviso,

    0 votes
    8 answers

  16. Форма

    Можно ли в элементе form, разместить ссылки? <form> <input type="text" name="login"> <input type="password" name="pass"> <a href="#">Регистрация</a> <a href="#">Забыли пароль?</a></form>

    Asked by DivMan,

    0 votes
    8 answers

  17. Резиновая верстка

    Как сделать ее?Как растягивать сайт на всю ширину?Я верстаю лендинг.

    Asked by RuslanHeYca4ev,

    0 votes
    8 answers

  18. Принцип генерации SVG спрайтов(как лучше сгенерировать)

    Доброго времени суток. Интересует как лучше сгенерировать svg спрайт из illustrator'а.

    Asked by Galaxy,

    0 votes
    8 answers

  19. Accordion

    Привет, http://jqueryui.com/accordion/#sortable установил списком в две колонки, проблема если раскрываю соседние большое пространство

    Asked by soltx,

    0 votes
    8 answers

  20. Функция кеширования рода if

    Как собственно написать данную функцию? Куда ее вставить? Какие параметры документа? Спросил изначально на сайте где брал, модератор ответил, спросил поподробнее, молчит( Переписка: Ссылка: http://www.rudebox.org.ua/create-animated-page-input-on-site/ (демо и исходники там, если вдруг нужны)

    Asked by Kirill2511,

    0 votes
    8 answers

  21. копирование html кода iframe формы.

    Приветствую камрады! Появилась у меня задачка: необходимо скопировать часть html кода сгенерированного у пользователя на странице сайта и передать на сервер. Интересующий код является сторонним виджетом js с использованием jquery. Есть ли какая либо возможность скопировать исходный код виджета у пользователя? Можно по запросу разрешения у пользователя. Лично сам рассматриваю примерно такой вариант: Пользователю предлагается форма копирования, в которой находится виджет. Пользователь его копирует в свободную форму и отправляет на сервер. Как этот процесс можно реализовать?

    Asked by momai,

    0 votes
    8 answers

  22. Вертикальное выравнивание картинки в ссылке

    Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. HTML код: <div class="portf"> <a href="#"><img src="../userfiles/tovaryimg/1.png" alt="" /></a> </div>CSS код: .portf{ text-align:center; border:2px solid #0F0; margin:50px 0 10px 20px;}.portf a { border:2px solid #FFF7AF; width:300px; height:300px; }.portf a img{ width:250px;}Пробовал применить к .portf a свойство display:table-cell; vertical-align:middle; Не выравнивается картинка по вертикали. Помогите решить проблему.

    Asked by anipriev,

    0 votes
    8 answers

  23. Очень тяжко даётся JavaScript.

    Html и Сss изучил очень легко, то ли от того что лёгкие, даже PHP изучаеться легко. Не знаю как быть, может быть у кого то были такие же проблемы, но потом он сел и выучил? И каким образом? Просто по сайту о JS, видео-урокам, книгам? Мне интересны любые советы по изучению JavaScript, но как вижу все эти функции, переменные, значения в JS мне аж плохо становится. И как лучше верстать? html5 или старыми методами что бы шишки набить? я уже верстал простые сайты, получилось, по моим меркам нормально , правда в IE ниже 10 все сьехало, и не успел изучить до конца css и html говорят надо js, препроцессор css, grunt, bootstrap и т.д. В голове полный бардак от этих фреймворков…

    Asked by Roger,

    0 votes
    8 answers

  24. Вёрстка блога с учётом семантики для поисковой оптимизации

    Не могу принять решение выбирая между main и article, поэтому решил посоветоваться. Главная страница <header><h1>Название блога</h1></header> <nav>Основное меню</nav> <main> <article> <time>Время публикации</time> <h1><a>Заголовок публикации, он же ссылка на полный текст</a></h1> Краткий текст публикации </article> .... другие 9 <article> </main> <menu>Ссылки на страницы</menu> <footer>Кнопки на каталоги</footer> Внутренняя страница <header>Название блога</header> <nav>Основное меню</nav> <mai…

    Asked by PavelTkachev,

    0 votes
    8 answers

  25. Не работает скрипт в Chrome

    Здравствуйте! Проблема в следующем скрипте: var lastScrollTop = 0; $('html, body').scroll(function(event){ var st = $(this).scrollTop(); if (st > lastScrollTop){ //вниз console.log(st); //toTop } else { // вверх console.log(st); } lastScrollTop = st; });Эти строки отслеживают прокручивание страницы, раньше я им пользовался и без проблем работал. Сейчас же решил прикрутить его на http://vocis.ru и тут я себе "сломал нос о стену", изначально он работал с селектором window. var lastScrollTop = 0; $(window).scroll(function(event){ var st = $(this).scrollTop(); if (st > l…

    Asked by Vicos,

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