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. Один и тот же шрифт в разных браузерах-

    Заранее извиняюсь, т.к. скорее всего вопрос д.б. не в эту ветку, но она самая подходящая все же. Есть такая трабла: шрифт EuropeExt отображается в разных браузерах по разному. Точнее так: в chome, opera, ie, yandexbrowser все ок (есть отличия, но тем не менее прилично), а в firefox и safari прямо жестко "пикселизируется". Вот посмотрите сами http://stickerb.ru/ngeo/ - шрифт в меню (в т.ч. выпадающем) и "Изображение дня" тоже этим шрифтом написано. Причем создается такое ощущение, что это только у меня. Потому что другие пользователи, которым я по аське, допустим, сбрасываю посмотреть, говорят, что все красивенько и приличненько. Уточняю браузер... firefox. И такой не …

    Asked by Laroux,

    0 votes
    5 answers

  2. Спецификация

    Всем привет,подскажите как вообще работать с спецификацией тэгов(как смотреть какие значения по умолчанию,устарел тэг или нет ну и всё в таком духе)Извините если не туда написал,не знаю просто куда надо писать.Я начинающий

    Asked by Krendel,

    0 votes
    3 answers

  3. Исходный код страницы в браузере отображается по другом ,чем страница откуда скопировали этот код.

    Здравствуйте. Довольно парадоксальная ситуация. в IE8 открывают страницу сайта, копирую исходный код страницы в html файл .(ничего не меняю) Открываю получившийся файл в IE8 , все отбражается идеально, тогда как на странице с которой скопирован исходный код верстка валится в ноль. То есть стили одинаковые ,js одинаковые, но исходная страница валится , а сохраненый исходный код страницы со свалившейся страницы отображается идеально. Как такое может быть?

    Asked by ishurgaya,

    0 votes
    9 answers

  4. Пробел и позиционирование

    Всем привеТ! Помощь нужна снова http://www.imageup.ru/delete/2016779/9f25d7aeb8554af12e09c49695adf8da/ http://www.imageup.ru/img220/2016781/2015-01-17-14-52-49-skrinshot-ehkrana.png вот два скрина и плюс код собственно https://www.dropbox.com/s/hz079w1e7wp9l41/00.doc?dl=0 (дубляж а то мало ли) <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;min-height:100%;position:relative;padding:0;margin:0;}div{width:500px;background-color:black;color:#fff;margin:0 auto;}h1{text-align:center; padding:2px;font-size:37px;color:white;padding:25px 0 0 0;}h1 span {display: inline-block;…

    Asked by BituM,

    0 votes
    8 answers

  5. Поведение фона при разных разрешениях

    Здравствуйте. Есть макет сайта, ширина которого 980px, и в нем есть изогнутая смужка под меню (см. фото), размеры которой соответствуют ширине слоя фотошопа - 1200px. Подскажите, как она должна вести себя на дисплеях с разрешением более 1200px в данном случае. Также интересует похожий вопрос касательно фонов. Если в макете слой 1000px шириной и в нем есть фон-картинка, краи которой обрезаны, что мы должны увидеть на дисплеях 1900px.

    Asked by alex_web64,

    0 votes
    4 answers

  6. Друзья, требуется помощь. проблема с отображением в ie

    Привет! Есть список, который корректно отображается везде кроме ie. вот скрин http://joxi.ru/LVm6MYzfDMl6rZ . Вот страница http://root.donkos.esy.es/card.html . Уже сломал всю голову. Подскажите как исправить для ie (версии выше 9). Заранее благодарен!

    Asked by donkos,

    0 votes
    2 answers

  7. Несколько вариантов товара на странице с товаром :)

    Добрый вечер, уважаемые форумчане! Возник следующий вопрос: на страницу с товаром в интернет магазине нужно добавить несколько вариантов товара. Вот сам код страницы с продуктом: <?php /** * Файл представления Product - выводит сгенерированную движком информацию на странице личного кабинета. * В этом файле доступны следующие данные: * <code> * $data['category_url'] => URL категории в которой находится продукт * $data['product_url'] => Полный URL продукта * $data['id'] => id продукта * $data['sort'] => порядок сортировки в каталоге * $data['cat_id'] => id категории * $data['title'] => Наименование товара * $data['description'] …

    Asked by marianna9201,

    0 votes
    3 answers

  8. Спрятать движущийся текст в CSS

    Есть движущийся текст, двигается из стороны в сторону в коробке, требуется сделать, чтобы текст не было видно, когда он выходит за пределы коробки: HTML файл: <html> <head> <title>123</title> <link rel="stylesheet" href="css.css"> </head> <body> <div id="banner"> <h1>Акция!<br> 3 по цене 2!</h1> </div> </body> </html>CSS: div#banner{ border: 10px solid orange; border-radius:10px; width:500px; height: 300px; margin: auto; background-color: brown;} h1{ font-size: 50px; font-family: Comic Sans MS; vertical-align: middle; -webkit-animation: ani 1s infinite alternate; animation: ani 1…

    Asked by Coriolis,

    0 votes
    1 answer

  9. Action с ссылкой на css

    Уважаемые коллеги, здравствуйте. Предыстория. Мне поставлена задача создать форму анкеты. После нажатия кнопки данные формы должны отправляться для дальнейшей обработки. Подобный механизм уже реализован на таком же сайте другого региона. Зашел посмотреть код, как реализовано, и вижу: action="/DemoVersion?app=2&styles=http://www.какой то сайт.ru/css/demo.css">Вопрос. Почему ссылается на файл *.css? Как мне добиться чтобы мои данные уходили в правильном направлении и + копия на e-mail? p.s. Дорабатываемый мною сайта создан на Joomla! 2.5.7, сайт пример не известно на чем.

    Asked by lampresort,

    0 votes
    3 answers

  10. img и form в линию

    Добрый день, допустим нужно, разместить лого по центру, а выбор языка с краю. Если расматривать этот кусок кода, почему элемент form ведет себя так, будто img растянут на всю страницу ? http://jsfiddle.net/dmhrvs9L HTML <div class="top"> <img class="logo" src="http://aux.iconpedia.net/uploads/dog-paw-icon-256.png" width="100" height="" alt="logo"> <form name="language" class="lang" action="#" method="get"> <select> <option>EN</option> </select> </form></div>CSS .top { height: 200px; background-color: #dadada;}.logo { margin: 0 auto; display: block; padding: 15px 0 0 0;}.lang {…

    Asked by Fastfold,

    0 votes
    3 answers

  11. помогите устранить недочет с обводкой кликабельного изображения

    Всем привет, Страница с проблемой: http://mir-kaminov.su/foto-kaminov Суть проблемы: в фотогалерее после 2х кликов по одному изображению (увеличить и потом уменьшить картинку для просмотра) если отвести курсор в сторону - появляется оранжевая рамка на этой малой картинке. И пропадает только после клика по пустой области сайта. Похоже на "снять выделение". В хроме это малый прямоугольник, а в мозилле это прямоугольник во весь размер малого изображения. Не красиво это, второй день никак не найду корень проблемы. Самоучка, и прошу сильно не ругать. Прошу помощи, коллеги выручайте пожалуйста, где и на что заменить код ? Скриншот проблемы: фотка слева вверху с этой н…

    Asked by port723,

    0 votes
    2 answers

  12. Подскажите

    вот сайтик http://venusdemo.com/magento/smartshop/index.php/?___store=christmas если навести на товар и открыть быстрый просмотр появляется попап. Подскажите как это реализовано? и как сделать подобное?

    Asked by raptor-dm,

    0 votes
    2 answers

  13. Стилизация select

    Пытаюсь подобрать библиотеку для стилизации select Не могу найти ничего более-менее приемлемое. Много из перебранных плагинов не поддерживают выбор клавиатурой, есть через навороченные. Вот, например, это http://select2.github.io/select2/select-2.1.html бы подошло, но проблема в том, что не знаю как убрать поле поиска, которое отображается при открытии селекта. Может кто-то скажет, как можно его убрать (понятное дело через стили можно скрыть) но нет ли штатного способа. Или может посоветует другой плагин, безо всех там jQuery UI и прочих тяжелых навороченных библиотек. -- Стилизацию через CSS без js рассматривал, но не очень красиво получается. так как выпадающая область …

    Asked by ekkl,

    0 votes
    3 answers

  14. Код UTF-8 для CSS

    Я знаю код символа в UTF-8 для вставки в HTML файл: цифры; Как этот символ вставить через content в css?

    Asked by PavelTkachev,

    0 votes
    3 answers

  15. вопрос по google chrome

    Всем привет, я новичок, сильно не бейте.. Такой вопрос: в css при использовании псевдокласса :hover к любым элементам на страничке (банально на полупустой странице с парой слов текста) - в хроме, при наведении мыши на эти элементы - они подсвечиваются(закрашиваются) ПЛАВНО ,тоесть с задержкой, как будто анимация, в других браузерах такого нет. Как это безобразие в хроме выключить? Помогите пжл! Спасибо заранее!

    Asked by manni,

    0 votes
    1 answer

  16. Прокомментируйте код

    Прокомментируйте код, это css и javascript, ваши комментарии будут паказаны автору кода в качестве убеждения тех или иных позиций, сам автор неможет зайти по технико/религиозным причинам /* pagination */ .pagesWrapper { width: 100%; float: left; } #pages { padding: 0 10px; margin: 0 0 10px; color: #91969c; font: 12px Verdana, Geneva, sans-serif; } table#pages_table { width: 100%; border-collapse: collapse; table-layout: auto; } table#pages_table td { } table#pages_table td .count_result, table#pages_table td .count { font-weight: bold; } table#pages_table td .count_result {} table#pages_table td .count {} table#pages_table td .paginator { display: block;…

    Asked by warpig,

    0 votes
    6 answers

  17. Двухуровневое меню

    Добрый вечер. Есть вот такое меню, но у меня не получается спрятать второй уровень подменю Чтобы он также открывался, как и первый уровень при наведении курсора. Подскажите что я не так делаю? Сам код: http://jsfiddle.net/senjalp/gmzpn320/19/

    Asked by Senja,

    0 votes
    3 answers

  18. Изменение изображения при наведении на другое изображение

    Вопрос в следующем: Во многих местах описано как сделать скриптами или средствами CSS изменение изображения при наведении на него курсора. Я столкнулся с необходимостью изменения одного изображения при наведении курсора на другие изображения. Может кто сталкивался, а то сам не соображу. заранее спасибо за ответы

    Asked by alexencev,

    0 votes
    6 answers

  19. Подскажите курс по bootstrap

    Всем привет ! Хотел бы поинтересоваться знаете ли вы курсы где с нуля создаются сайты с помощью bootstrap ? просто хочу использовать его для своей верстки, и хотел бы посмотреть как создаются вообще сайты с помощью bootstrap. Заранее спасибо

    Asked by Shenia132,

    0 votes
    3 answers

  20. Изменение цвета фона меню

    Всех приветствую! Друзья, пытаюсь немного подкастумайзить в одной из тем Wordpress. Подскажите, пожалуйста, каким образом можно изменить цвет отдельного списка меню? Вот нужный кусок: <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-1558" id="menu-item-1558"><a>Меню</a><ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1464 current_page_item menu-item-1541" id="menu-item-1541"><a href="#1">Подменю1</a></li> <li class="menu-item menu-item-type-post_type m…

    Asked by The_Immortal,

    0 votes
    2 answers

  21. HTML5

    Здравствуйте, уважаемые. Напишу вопрос по коду html5. Если он покажется вам тупыми - просто пройдите мимо. Я долго Гугль мучил, пока вспомнил о форуме, где мне помогали по старому html много лет назад, да всё не впрок. 1. Drag and Drop в html5. Дано: окно браузера. В нем - главный <div> на всё окно. А в нём - несколько <div>, которые мне надо перемещать. Что-то типа: <body><div class="owner" id="largeDiv"ondrop="drop(event)" ondragover="allowDrop(event)"> <script> var div1 = new myDiv('mydiv1');" var div2 = new myDiv('mydiv2');" var div3 = new myDiv('mydiv3');" </script></div> </body></htmlВот. Как…

    Asked by Egoritch,

    0 votes
    9 answers

  22. Идентификаторы и классы

    Иногда при использовании класса или идентификатора стили не применяются. Но если добавить к нему имя тега, то стили применяются #Имя_идентификатора { Описание правил стиля } - не работает E#Имя_идентификатора { Описание правил стиля } - работает Пример показать не могу, периодически при вёрстке сталкиваюсь. Такое бывает, когда несколько стилей применяется к одному элементу. Это потому что у второй записи больший приоритет?

    Asked by PavelTkachev,

    0 votes
    16 answers

  23. sass+compass, проблема с кодировкой

    Доброго времени суток! Установил sass и compass на windows, ввел команду compass watch, начал изменять style.scss и возникает ошибка совместимости кодировки. [Listen warning]: Change block raise an execption: incompatible character encodings: Windows-1251 and UTF-8Backtrace: C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `index' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `remove_root' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesy Очень долго ищу решение, может кто знает как решить проблему?

    Asked by Andrew_007,

    0 votes
    4 answers

  24. Как лучше оптимизировать код css

    Всем привет, У меня сейчас возникла необходимость оптимизировать код css, так как там есть код уже не используемый, дублирующийся и прочие прелести, которые мне боком переодически выходит Так вот что лучше использовать какой-нить генератор для этого (тогда какой?) или потратить несколько дней и руками все вычестить? Дайте дельный совет

    Asked by Anna Zharova,

    0 votes
    3 answers

  25. помогите с кодом

    здравствуйте, помогите пожалуйста с кодом, мне нужно сделать сложное горизонтальное меню нужно что-бы кнопки первого уровня не растягивались и все остальное появлялось при наведении на кнопку первого уровня код разметки. Заранее благодарен за ваше потраченное время <menu id="menu"> <li class="red">блабла <ul> <h3 class="cat">Категория</h3> <li>второй уровень</li> </ul> </li> <li class="green">блабла</li> <li class="orang">блабла</li> <li class="blue">блабла</li> <li class="aqua">блабла</li> <li class="chid">б…

    Asked by fil667,

    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