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. 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

  2. Опять float

    Прошу посмотреть страничку http://pomidor.com.ua/seemax/peregorodkin/team.htm Перепроверил не один раз свойства 5й картинки в наборе лиц. Такое ошущение, что именно для нее float: left; отменен неведомой силой.

    Asked by seemax,

    0 votes
    9 answers

  3. Строка текста из "слов-столбиков"

    Ищу решение для такой задачи: есть строка текста, где каждое "слово" состоит из столбика слов в 1-4 строчки. Причем эта строка из таких столбиков должна перетикать на следующую строку, если достигнут край ее области, как у обычной строки из обычных слов. Возможно ли такое вообще реализовать через html, css2, javascript? Пример: fff kkkk jj bbb dd hhh cc ppp nnn kkk mmm zzz vvv mmm bb ddd

    Asked by Feonik,

    0 votes
    3 answers

  4. понравилось решение сайта

    Очень понравилось решение сайта https://jawbone.com/up (не реклама) но не как не пойму как сделано что бы картинки между блоками при скролинге плыли чуть в верх (не помогает даже firabug), подскажите пожалуйста может кто сталкивался с макетом данной верстки? Ну или какими то материалами на тему решений используемых на данном сайте, заранее благодарен более опытным специалистам... С Уважением, test777

    Asked by test777,

    0 votes
    9 answers

  5. svg-изображения в слайдере не отображаются в IE8 и ниже

    Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались

    Asked by mrnobody,

    0 votes
    3 answers

  6. Нужно перекрыть банер блоком.

    Имеется баннер без исходника. Поэтому ссылку поправить на нем не выходит. Декомпилировать баннер не хочу. Пришла в голову идея наложить поверх баннера блок ( на картинке показал). Прописываю абсолютное позиционирование для блока, но почему-то блок уходит под баннер. В чем дело? <body> <a href="#"><div style="position: absolute; width:240px; height:400px; background:#000;"> </div></a> <object type="application/x-shockwave-flash" data="image/0ROxzmznMDf.png" width="240" height="400"> </object> </body>

    Asked by zaec161,

    0 votes
    4 answers

  7. Сабменю

    http://jsfiddle.net/DC3zZ/4/ Почему красный блок не начинается внизу от края внешней границы? Почему края красного блока с одной стороны перекрывают меню, с другой "подлезают"? Почему сласс "fon" не заполняет цветом всё пространство окошка? Можно реализовать такое меню свойством z-index не используя display:none; ?

    Asked by Delat,

    0 votes
    4 answers

  8. Как правильно сверстать?

    Объясните пожалуйста как правильно сверстать эту область? а именно как наложить серую полоску на блок

    Asked by platonov92,

    0 votes
    7 answers

  9. Неправильно отображается на планшетах (полосит)

    Всем привет) обнаружил тут небольшой баг.. никак не могу понять в чём дело.. может кто сталкивался? делаю так таблица в виде рамки растягивается на весь экран пример тут http://lexo.info/x/ имет вид: по углам уголки по бокам фон: лево, право, верх, них если смотреть планшеты apple/samsung появляются полосы вот пример: http://lexo.info/x/Screenshot.jpg код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46" height="49" nowrap="nowrap"><img src="files/topleft.png" width="46" height="49" /></td> <td width="100%" nowrap="nowrap" background="files/top.png"></td> <td width="46" height="…

    Asked by Lexo,

    0 votes
    5 answers

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

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

    Asked by Анакин,

    0 votes
    1 answer

  11. Как сделать в один ряд?

    Вот на сайте нужно выстроить 6 блоков в один ряд. Скажите как это можно сделать? http://oneperhour.net/

    Asked by kabyr,

    0 votes
    2 answers

  12. Фон по высоте уменьшается при недостаточном контенте

    Всем привет! У меня двухколоночный макет, только вот при недостаточном контенте уменьшается высота фона, а нужно, чтобы высота фона постоянно оставалась от header'a до footer'a? Подскажите, что можно сделать? Вот ссылка на скриншот http://s59.radikal.ru/i163/1308/f7/8494a81e4d2c.png Вот код: <div id="container_layout"> <div id="main_layout"> <div id="all_layout"> <div id="header_layout"> Header_Layout </div> <div id="left_block_menu_layout"> left_block_menu_layout </div> <div id="content_layout"> content_layout </div> <div id=…

    Asked by Nailya,

    0 votes
    9 answers

  13. Opacity

    Здравствуйте. У меня есть блок, у которого стоит opacity 0.5, в блоке есть изображение и текст. Проблема в том, что от блока передается opacity к другим элементам в блоке. http://jsfiddle.net/Kz9Rm/

    Asked by Samsonoff,

    0 votes
    2 answers

  14. Помогите с параллаксом

    Предположим, есть 2 блока с фонами, которые "не скроллятся" и которые расположены на разных концах страницы: http://jsbin.com/ecahoj/6/edit Первый блок ведет себя просто великолепно, но со вторым такого не прокатит. Как решить данную проблему? Для наглядности, можно убрать в css no-repeat для фонов, тогда получится приблизительно нужный результат, но так дела не делаются

    Asked by Ne-Vasha-Natasha,

    0 votes
    2 answers

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

    Здравствуйте . скажите пожалуйста что изменить в данном коде чтобы код прошел валидацию и расположение элементов в верстке не изменилось? <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

  16. Горизонтальный нежелательный промежуток в FF 22

    Подскажите пожалуйста причину происхождения нежелательного промежутка, который проявляется только в FF 22.0 http://clip2net.com/s/5wsNan http://septa.devlab-s2w.com/makeup/ Опера, Крома и даже ИЕ9 этого не проявляют.

    Asked by seemax,

    0 votes
    3 answers

  17. Дергание горизонтально центрированного позиционированного блока при разворачивании в FireFox ?

    Имеется форма подписки на рассылку в виде выплывающего из-за пределов экрана блока, блок когда выплывает т.е поднимается на верх чуть вправо дернется, блок позиционирую по методу body 100% ширины, блок выплывающей формы имеет фиксированную ширину 400px и позиционирование от левого края 50% и margin-left:-200px, таким методом блок становится по середине, при клике на блок скрипт переключается его с bottom 0px на bottom 200px т.е высоту блока(чтобы он вылез из-за пределов экрана) и вот когда блок выплывает чуть сдвигается вправо а при обратно сворачивании становится по центру и такая проблема только в FireFox (у меня версия 22) как можно пофиксить данный баг?????

    Asked by ilyas,

    0 votes
    16 answers

  18. Повергнуть Myriad Pro

    Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embed…

    Asked by Alarr,

    0 votes
    18 answers

  19. Позиция элементов на странице

    Доброго времени суток! Верстая сайт у меня возник вопрос, как контейнер DIV, размещенный в другом контейнере, сместить вниз на половину его высоты и ширины? Хочу сразу сказать, что ширина и высота котнтейнера не заданы. Код который я написал, приведенный ниже: <style> .A, .B{ width: auto; height: auto; display: block; box-sizing: border-box; font-size: 36px; } .A{ position: absolute; margin: 30px; background-color: #07A2FE; border: 1px solid #0080CD; } .B{ position: relative; background-color: #FFCF3F; border: 1px solid #E9AF00; top: 50%; left: 50%; } </style> <div class="A"><div class="B">Example</div></div>

    Asked by Mishus3W,

    0 votes
    9 answers

  20. Надо сделать автообновление для скрипта обратного отсчета!

    k

    Asked by Анакин,

    0 votes
    0 answers

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

    Нужен эффект как на 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

  22. Фон для сайта

    сайт состоит только из фона,проблема в том что при разрешении 1360:768 фон отображается наполовину,а при 1024:768 все нормально..хотель бы исправить эту проблему..чтобы фон отображалась на браузере польностью сайт germesauto.kz

    Asked by udaf,

    0 votes
    6 answers

  23. Div, надпись и поле ввода

    Всем привет. Подскажите, как можно сделать следующее: в одном div одной строкой разместить поле ввода по ширине этого дива и справа от него кнопку. То есть получается, кнопка находится справа и ее размер соответствует ее реальной ширине, а поле ввода растянуто от левого края дива, до края кнопки. Как можно реализовать такое? Заранее благодарен.

    Asked by Charm0nt,

    0 votes
    12 answers

  24. Не могу разобраться с 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

  25. Растягивается

    /del Проблему решил, всем спасибо

    Asked by 0x4553,

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