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. Скачут левая и правая колонка макета

    Взяла шаблон для джумла. a4joomla-social-f-free Ничего преступного не совершала, только поставила свой бг и свои материалы. Очень нравится в этом шаблоне типографика, жалко отказываться. Но почему-то скачут колонки. Для сравнения главная и Организаторы. Может, гуру верстки помогут понять, где собака зарыта.

    Asked by anunja,

    0 votes
    5 answers

  2. В чем разница

    Подскажите в чем разница на примере ,position: relative; и position:absolute;

    Asked by Mr.Black,

    0 votes
    3 answers

  3. Онлайн аудиозапись

    Привет всем вэб мастерам... У меня вот такой вопрос возник. Я хотел бы на сайте сделать аудиозапись. Чтобы можно было записать своё аудио сообщения прямо на сайте, затем чтобы оно автоматический сохранилось и появилось где его записывали... А у других была возможность его прослушать. Я в интернете излазил где только смог, ничего не нашёл... Подскажите вообще возможноли такое сделать, если возможно то как... Надеюсь мой вопрос понятен. Всем за ранее спасибо

    Asked by lilzhenya,

    0 votes
    3 answers

  4. Неклассическая верстка divами

    Привет всем. вот какой вопрос. Я много лето назад сделал сайт в таблицах ("дизайн", извините за выражение, - на картинке ссверху). Возникла необходимость перевести в дивы. в них я ни то, что не силен, просто - слабак. не справляюсь. постоянно что-то куда-то съезжает, фоновое изображение тупит, верхнее меню не слипается, футер при незаполненности содержанием поскакивает. Даже и не знаю, как сформулировать. Но руки опускаются. что делать? помогите, пожалуста. п.с. не могу приложить адрес сайта, т.к. не захостен. п.п.с. да, сорри, забыл внести в топик, что тема - не найденное прекрасное решение, а вопрос, просьюа о помощи.

    Asked by provoloka,

    0 votes
    8 answers

  5. Верстаю макет

    Верстал свой первый макет ,но у меня появилось несколько ошибок №. 1 и 2 : http://s55.radikal.ru/i150/1010/47/0e953dcc9071.jpg №. 3 : http://i050.radikal.ru/1010/b5/ea3d27653ce6.jpg Кому не лень, подскажите как решить . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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 { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Са…

    Asked by Mr.Black,

    0 votes
    11 answers

  6. Изменение ссылки при установке флажка

    Здравствуйте. Вот возник вопрос, прям не знаю куда с ним сунуться. Почему то мне кажется, что это к JS, но я о нём почти ничего не знаю и решил задать сюда. В общем у меня есть 5 ссылок. Под ними есть флажок (checkbox) из тега <input>. Я хочу, чтобы если пользователь поставит этот флажок, мои ссылки вели уже в другое место. То есть чтобы в реальном времени они изменились. Для изменения ссылок я могу на РНР написать скриптик, но как мне передать этому скрипту параметр без обращения к серверу и без обновления вёб-страницы?

    Asked by Dezmont,

    0 votes
    3 answers

  7. [+] исхищрения

    Часто мы используем + после кликабельного текста в результате клика на который появится некоторая дополнительная информация. В этой связи имеет смысл решение следующей задачи: Необходимо средствами HTML и CSS реализовать без использования дополнительных картинок следующий объект: моноширинный + помещён в рамку толщиной 2px и расстояние между хвостиками плюса и рамкой 2px. Также для достижения большей универсальности заготовки полезно будет добиться того чтобы объект не реагировал на изменение размера шрифта. Кроме всего прочего необходимо обеспечить возможность не затруднительного (копипастой) добавления такого объекта непосредственно после текста.

    Asked by CEBEP,

    0 votes
    4 answers

  8. Ребята, подскажите пожалуйста.

    Здравствуйте уважаемые Люди. Подскажите, как сделать так что бы сайт не показывался абсолютно во всех версиях браузера IE? Что-бы вообще во всех IE он не показывался а выводился специальный текст. Как это возможно осуществить?

    Asked by ААА,

    0 votes
    13 answers

  9. iPhone телепатит, где не просят :(

    Заметил странность Safari на iPhone: похоже, туда вшит какой-то примитивный ИИ, пытающийся найти на странице "главный текст" и увеличить шрифт в нем. Причем ладно бы уже увеличивал весь блок, так какое там: заголовки (даже с размерами, указанными в %!) оставляет как было по дизайну, а просто абзацы и списки раздувает раза в 4, получается безобразие. Алгоритм какой-то хитрый: содержимое дива с классом aside не раздувает, когда ставлю класс aside на основной блок, а у настоящего aside убираю — начинает раздувать бывший aside, но когда ставлю aside обоим — раскусывает, зараза, и основной див всё равно раздувает. Прямое указание размеров работает, но как относительное (т.е. ч…

    Asked by SelenIT,

    1 vote
    3 answers

  10. Задний фон

    Подскажите как зделать такой http://ipicture.ru/uploads/101009/2bDN2WP6W8.jpg задний фон???

    Asked by Mr.Black,

    0 votes
    10 answers

  11. Реализация сложного фона средствами CSS

    Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…

    Asked by Radik_45,

    0 votes
    6 answers

  12. @font-face (svg) и Safari для iPhone/iPad

    Пробую вставлять шрифты, пользуясь онлайн-генератором от fontsquirrel.com (AFAIK самый известный). Он дает на выходе пакет из 4-х форматов, один из которых — SVG — вроде как специательно предназначен для iPhone/iPad. На практике на этих девайсах шрифт не подхватывается (похоже, что вообще берется дефолтный системный — на айфоне у него даже размер другой, крупнее). Что характерно, онлайн-демо на самом сайте (вот, например) тоже не работают. Никто не сталкивался с такой проблемой? В какую сторону копать? В принципе-то ведь SVG-шрифты должны поддерживаться...

    Asked by SelenIT,

    0 votes
    4 answers

  13. Лайтбокс не закрывает встроенные в страницк объекты

    Установил на страницу этот лайтбокс на javascript. http://reghellin.com/milkbox/ Считаю, что вопрос более по вёрстке, чем по javascript. В этом лайтбоксе есть тёмное поле, закрывающее страницу. Вот его стили: #mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */ z-index:100; cursor: pointer; } К сожалению это поле не скрывает встроенные в страницу объекты, как например, объект с youtube.com. Видеоплеер все равно располагается сверху. Есть ли способ скрыть его? Вот код примерного объекта с youtube.com, который я не могу скрыть <object width="640" height="385"><param…

    Asked by clavin,

    0 votes
    0 answers

  14. Граница вокруг текста в фотошопе stroke а с css можно сделать подобное

    добрый день всем !!! Уважаемые форумчане, подскажите как мне сделать обводку вокруг текста , в фотошопе с помощью стилей это делается со stroke а в css есть что то подобное ? С уважением

    Asked by bgraf,

    0 votes
    10 answers

  15. textarea и её размер

    При уменьшении окна браузера элемент textarea не уменьшается, а остаёться таким же размером как и в открытом окне на весь экран, получаетсья при уменьшенном окне браузера, оно налазит на правую навигацию. Скажите как избавиться чтоб при уменьшениии окна браузера элемент textarea уменьшался в ширину?

    Asked by people2010,

    0 votes
    7 answers

  16. Проблема с кодом

    Есть у меня проблема ,больше часа питаюсь решить <hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" /> <div style="margin-left:20px; white-space:nowrap; "><span id="navigator" >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</span> | <form action="http://skrypalej.net" name="go_on_page" method="get" > <input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" /> <input type="submit" value="Go" style="width:30px" class="button_vote"/> </form> | <span id="navigator" ><a href="java script:window.scrollTo(0,0);">Вверх</a></span> <…

    Asked by Mr.Black,

    0 votes
    14 answers

  17. Нужна помощь с IE

    Возникла такая проблема: боковые блоки (декор) в IE не опускаются до конца экрана. В FF и Opera всё хорошо. Посмотрите сами: https://dl.dropbox.com/u/4391486/Computers%...pany/index.html а в IE остаётся пространство. Если я увеличиваю высоту боковых блоков и подгоняю под IE по высоте, то в остальных браузерах под подвалом появляется пространство. Возможно нужен какой то хак для IE, или ещё что то. Просьба помочь с этой проблемой.

    Asked by Sober,

    0 votes
    1 answer

  18. проблемa с позиционированием блоков

    Доброго времени суток! Для создания галереи фото нужен был скрипт, нашла его на просторах Интернета... Подогнала под свои нужды, но вот не задача - в Опере при нажатии на превью затемнение экрана происходит не полностью.... В Мозилле и ИЕ8 - все нормально. Но проблема мне видится не в скрипте, а в позиционировании. Ссылка на галерею: http://www.hlebdom.ru/gallery_museum.html Может кто знает, как эту проблему решить?

    Asked by kuzja,

    0 votes
    9 answers

  19. Помогите пожалуйста

    Объяснить не хватает слов поэтому объясню проще.Как сделать так как на этом сайте.То есть кнопка обзор и у тебя открывается в окошке что ты хочешь загрузить на сайт.Напишите пожалуйста если и еще поможете разобраться то будет вообще отлично.Мне оч. нужно!!! :( Спасибо.

    Asked by Panda97,

    0 votes
    1 answer

  20. Реализайция спойлера в таблице

    Здравствуйте! Мне нужна таблица с 4 колонками с возможностью раздвигать/задвигать спойлер при клике на ссылку в таблице. Попробовал реализовать банальным способом + java скрипт из инета: http://midgebash.3dn.ru/index/test/0-6 Однако все получилось криво) И так вопрос: как можно реализовать такую таблицу со спойлером? (В идеале хотелось бы чтобы текст какбэ выезжал вниз, если так незя ничего страшного) Очень прошу помощи в реализации) Заранее спасибо!

    Asked by Qwas,

    0 votes
    4 answers

  21. Что не правильно с этим кодом?

    Предполагается, что в данном случае один блок div вложен в другой, но фактически это не вполне получается. Только в IE8 отображается так как я бы этого хотел, в фф, опере и в том же IE8 в режиме совместимости как-то получается, что второй div как бы не вложен в первый а идет после него... <html lang="ru-ru" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru"> <head> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type"> <title>Тест</title> </head> <body> <div style="width: 900px; background-color: #d0d0d0;"> <div style="margin-left: 10px; float: left; width: 300px; padding-top: 12px; backgroun…

    Asked by mech,

    0 votes
    5 answers

  22. Списки в IE6

    Здравствуйте. Хотелось бы так как в опере и других нормальных браузерах. Не хотелось бы как у большинства российских пользователей на ИЕ6 и слегка косячно на ИЕ7 <body> <div class="menu"> <ul id="b"> <li ><a href="#"><h6>О КОМПАНИИ</h6></a></li> <li ><a href="#"><h6>ПРОДУКЦИЯ</h6></a></li> <li ><a href="#"><h6>ГОТОВЫЕ ОБЪЕКТЫ</h6></a></li> <li ><a href="#"><h6>КОНТАКТЫ</h6></a></li> </ul> </div> </body> CSS на всякий полностью. *{ margin: 0; padding: 0;} html { height: 100%; …

    Asked by xvr,

    0 votes
    7 answers

  23. Нюанс в меню

    Вот моя шапка, и модернизированный код. Проблема в том, что текст при наведении опускается вместе со всем, просто я хочу сделать чтоб верхнюю линию меню не закрывала картинка, которая будет отображаться при наведении мышью. http://www.sharemania.ru/0296779 Чтоб текст главная не опускалось вниз надо.

    Asked by people2010,

    0 votes
    0 answers

  24. свойство background в бразуерах не соответствует w3c?

    В стандарте http://www.w3.org/TR/CSS2/colors.html#propdef-background говорится, что фоновое изображение можно устанавливать таким образом: background:transparent url('images/1.gif') no-repeat fixed center; Но на практике значение "fixed" оказывается лишним. Только IE6 понимает свойство с этим словом. В остальных браузерах фон просто не отображается. Что с этим свойством не так?

    Asked by clavin,

    0 votes
    16 answers

  25. Как разместить ссылки в одной строке?

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

    Asked by shady,

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