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. CSS, псевдокласс :hover

    Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …

    Asked by val005,

    0 votes
    7 answers

  2. Оцените верстку (2Breed)

    Добрый день! В последнее время, решил заняться веб разработкой и версткой. Раньше был небольшой опыт верстки, php программирования. Нашел в интернете бесплатный симпатичный шаблон. Прошу оценить работу по всей строгости. Код HTML и CSS валидный, проверял верстку в браузерах последних версий FireFox, Opera, Chrome, Safari, IE 9 (так же в разных режимах IE 8, 7). Верстка: ссылка Шаблон (jpg): ссылка Если кому то понадобится шаблон в PSD, предоставлю ссылку. Жду критики и комментариев.

    Asked by Floating,

    0 votes
    8 answers

  3. Кнопка поиска

    Здравствуйте. Мне необходимо чтобы поиск производился по нажатию на кнопку в виде картинки + чтоб при наведении на эту картинку курсора она менялась на другую. Чтоб заменить кнопку "Искать" на картинку я в html прописал код: <input type="image" src="wp-content/themes/MyTheme/images/search.png" name="submit" class="searchbutton" /> C помощью css знаю только как изменить фон класса searchbutton при наведении (псевдокласс hover), но при такой реализации он размещен под картинкой, прописанной в html, то есть то, что она меняется не видно. Так как сделать чтоб заменялась? Спасибо за ответ. P.S. Сайт размещен на локале.

    Asked by Dayks,

    0 votes
    8 answers

  4. Проблема с отображением в IE

    В IE (смотрел только в 9-ой версии), проблема с отображением текста, текст размытый и ссылка не кликабельная. ниже выложу кусок косячного css кода, надеюсь кто-нибуть подскажет в чем проблема. адрес сайта http://ingeniare.ru .ribbon em { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.3855752193730787, M21=1.2855752193730796, M22=1.6320888862379558); margin-top:-50px; margin-left:-40px; font-size:7px; } img {-ms-interpolation-mode: bicubic;} #top-titlemenu ul li {width:200px !important;} .sombra625{margin-top:-3px !important}

    Asked by moss,

    0 votes
    7 answers

  5. Маркер в горизонтальном списке

    Здравствуйте) Сегодня чего-то очень туплю) Специально добавил вопрос в категорию для начинающих. Верстку забыл совсем) Вот сам вопрос: список сделал горизонтальным через display: inline, маркер к списку никак не добавляется. Можно вообще добавить к inline маркер? С float:left все работает О'кей. И еще один вопрос. В последней Opere не отображаются свои шрифты из @font-face, что делать? Весь форум облазил, не нашел ответа, вариант из харбахабра работает, но очень криво.

    Asked by Comex,

    0 votes
    1 answer

  6. Подскажите. что лучше использовать в моём примере JS или PHP?

    Нужно, чтобы блоки текста(небольшие описания в 30-50 слов)появлялись в определенном диве, при нажатии на определённую ссылку. Блоков около 20-30, не больше.Что разумнее использовать? Как я понимаю, при JS в браузер загрузятся все эти 20-30 блоков одновременно и надо будет руководить их видимостью? Или же имеет смысл каждый раз обращаться к серверу для вызова определённого блока?

    Asked by Анна,

    0 votes
    11 answers

  7. <keygen challenge="значение">

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

    Asked by Тишина,

    0 votes
    1 answer

  8. Тянущиеся блок

    Помогите с версткой! Ссылка В макете контент слева - тянется в зависимости от количества текста. Как сделать, чтобы меню справа тянулось с контентом? Ставлю height: 100% - не выходит. <div id="content"> <div id="content_left">Текст</div> <div id="menu">Меню</div> </div>

    Asked by p1653v,

    0 votes
    4 answers

  9. Какую иконку рекомендуете для упорядочиваниия по дате?

    Какую иконку рекомендуете для упорядочиваниия по дате?

    Asked by andys,

    0 votes
    3 answers

  10. Помогите немогу розобраться с версткой

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

    Asked by Shader,

    0 votes
    2 answers

  11. равные отступы между блоками

    прошу совета. пытаюсь сверстать макет. использую резиновый каркас с плавающими блоками внутри. проблема в том, что не получается установить равные отступы между всеми блоками. вот что у меня получается(лучше смотреть в хроме). хотелось бы сделать по человечески. подскажите пожалуйста идею, подход. ps не обязательно чтобы правая колонка была резиновая как у меня, можно её заданной ширины сделать

    Asked by cyklop77,

    0 votes
    0 answers

  12. Московское время

    Подскажите как сделать чтобы скрипт выводил московское время? <script type="text/javascript"> var sep function startTime() { var tm=new Date(); var h=tm.getHours(); var m=tm.getMinutes(); var s=tm.getSeconds(); m=checkTime(m); sep = sep == ':' ? ' ' : ':' document.getElementById('txt').innerHTML=h+sep+m t=setTimeout('startTime()',500); } function checkTime(i) { if (i<10) { i="0" + i; } return i; } startTime() </script>

    Asked by Rambo2045,

    0 votes
    1 answer

  13. Странная проблема, нужна помощь

    Здравствуйте, столкнулся с проблемой, подскажите пожалуйсто. www.имя.ру заходит на сайт имя.ру не заходит. Раньше все было ровно, в чем проблема?

    Asked by Bandyy,

    0 votes
    6 answers

  14. Семантика Html5

    Доброго времени суток. Подскажите, пожалуйста, по семантике Html5 и новым элементам <section>, <article>, <hgroup>. Правильно ли организована структура главной страницы в виде блога (в упрощенном варианте, конечно же): <header> —--<hgroup> —————-<h1>Название раздела</h1> —————-<h2>Подзаголовок </h2> ——</hgroup> </header> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1>Заголовок статьи1</h1> ——</hgroup> ——<p>Текст статьи</p> </article> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1&gt…

    Asked by Andreka,

    0 votes
    10 answers

  15. Как добиться кроссбраузерности?

    Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px. Вот примеры отображения: Хром IE Mozilla Opera Уважаемые гуру, подскажите решение...

    Asked by pulsar21,

    0 votes
    2 answers

  16. Социальные кнопки в ряд

    Здравствуйте, помогите пожалуйста поставить социальные кнопки фейсбука, гугла и т.д. ровно в ряд, у меня очень скромные знания в сss, а сами по себе кнопки стоят как попало. Мне же надо чтобы они тупо стояли в один ряд, одинаково по ширине и высоте. Всем заранее спасибо за помощь. Вот пример этих кнопок, хотя это и не критично..

    Asked by moss,

    0 votes
    6 answers

  17. Выпадающий список с записью в БД

    Делаю магазин на joomla+virtuemart. В описание категорий сделал дополнительное поле для выбора изображения. В ручную вводить все время не хочется, а изображения будут лежать в определенной папки. Было бы удобно сделать выпадающий список, который содержал бы изображения определенного формата из определенной папки. Так сделано в стандартном меню джумлы и выглядит так <list name="menu_image" type="imagelist" directory="/images/stories" hide_default="1" default="" label="Menu Image" description="PARAMMENUIMAGE" /> Поле в virtuemart выглядит так <input type="text" class="inputbox" size="20" name="imgmenu" value="<?php $db->sp("imgmenu"); ?>" /> Вопрос - …

    Asked by qazibum,

    0 votes
    9 answers

  18. Opera игнорирует clear: both

    Сразу скажу, что во всех браузера (и даже ie6, ie 7), всё гуд. Но опера в своем репертуаре. Пример: <div id="content"> width:960px; margin:0 auto; <div class="left"> float:left;width:250px;padding-right:10px; </div> <div class="right"> float:right;width:700px; </div> </div> <div id="footer"> clear:both;width:960px;height:120px;margin: 0 auto; </div> В опере футер накладывается на правый блок. Опера 11.

    Asked by Ritter,

    0 votes
    5 answers

  19. проблема с таблицей

    вобщем есть таблица, нужно чтоб правые верхняя и нижняя ячейки были по пять или десять процентов высоты, средняя же между ними остальное пространство, но чтото они не реагирую на задаваемую высоту, в чем проблема? возможно я неправильно построил таблицу, то подкоректируйте(неважно как она будет построена главное чтобы было такое расположение ячеек) <table border=1> <tr> <td rowspan=3 height=200px> one </td> <td rowspan=3 height=200px> one </td><td height=10%> one </td> </tr> <tr> <td > two </td> </tr> <tr> <td height=10%> two44 </td> </tr> </table> PS: высота таб…

    Asked by Toxin_G,

    0 votes
    2 answers

  20. Подмена картинки

    Задача: По клику менять превьюшку на большую картинку. Адреса изображений отличаются только первой буквой в имени файла ('f' и 's') Написал функцию function enlarge(ima){ if(/.*s[0-9]+\.((jpg)|(png)|(gif))/.test(ima.src)){ ima.src = ima.src.replace('/s','/f'); } else{ ima.src = ima.src.replace('/f','/s'); } } Работает, но проблема в том, что опера при каждой замене адреса начинает грузить картинку заново. На других сайтах видел, что происходит просто переход по ссылке (адрес новой картинки), но открывается картинка на странице. Смотрел их исходники, но малый опыт жабаскриптинга не позволил разобраться. Подскажите выход? Костыль: Решил, что можно по первому клику …

    Asked by mahrizh,

    0 votes
    1 answer

  21. ИЕ-6 не дает мне спокойно спать

    Страница с ошибкой по адресу http://boatmarine.ru/shop/group_594/group_597/item_165/ Футер висит в воздухе только на ней. Возможно из-за галереи. Может кто-то взглянет, а то у меня уже глаз замылен.

    Asked by goooooch,

    0 votes
    11 answers

  22. как удалить все теги с помощью smarty

    Есть ли такая функция в smarty, а то нет желания перебирать массив в php или делать вставку {php}

    Asked by ultimatum,

    0 votes
    1 answer

  23. [Вопрос]Модули в одну строчку

    Не подскажете как поставить модули в одну полоску горизонтально ... допустим у меня 2 модуля мне их надо поставить вместе горизонтально...

    Asked by Donny,

    0 votes
    4 answers

  24. Назначение разных стилей для одинаковых потомков одного предка.

    Имеется список: <ul> <li>...</li> <li>...</li> <li>...</li> <li>...</li> ... </ul> Можно ли как-то выбрать из него определенные li не ссылаясь на их атрибуты или содержание?

    Asked by Titansword,

    0 votes
    5 answers

  25. Проблемы с IE 7 и IE 6

    Добрый день! Помогите, пожалуйста, со следующей проблемой: Сайт www.delpos.ru нормально открывается во всех браузерах, кроме IE7 и IE6. Вернее он начинает открываться и после пары секунд загрузки (прияем сайт сам появляется в окне) выдает сообщение об ошибке: не удается открыть узел delpos.ru Операция прервана. Сначала я думал, что это из-за корявых яваскриптов, которые я отключал, но ошибка оставалась. Пробовал менять тип документа в теге !DOCTYPE - не помогает. Может ли это быть из-за CSS? Подскажите что делать, или в каком направлении хотябы искать решение проблемы. Заранее благодарен.

    Asked by beatboxer,

    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