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. Блочная модель Google Chrome

    Столкнулся с проблемой блочой модели google chrome html <div class="mainmenu"> <div class="mainmenu-wrapper"> // меню </div> </div> CSS .mainmenu { width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; border:1px #6F6FFF double; box-shadow:0 0 10px #CCC; -moz-box-shadow:0 0 10px #CCC; -webkit-box-shadow:0 0 10px #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .mainmenu-wrapper { padding:2px; border:1px #B3D9FF solid; border-radius:5px; } на выходе получаю в chrome что ширина блока mainmenu 962px а в остальных браузерах 960px ширина блока mainmenu-wrapper в chrome 958px а в остальных браузерах 952px…

    Asked by Hol1killer,

    0 votes
    1 answer

  2. Нид хелп!

    Добрый вечер! Есть код HTML: <html> <head> <meta charset="windows-1251"> <title>Кнопка</title> </head> <body> <form> <p><input type="button" value=" Кнопка "></p> </form> </body> </html> Помогите привязать файл js к кнопке, чтобы содержимое этого файла выполнялось в отдельном окне

    Asked by Mozilla,

    0 votes
    11 answers

  3. Картинка вылезает из контента...

    Доброго времени суток. Долго я ломал голову, но так и не смог понять в чем у меня ошибка... В общем, есть блок (контент), в котором стоит php код, на вывод портфолио из базы. Картинки выводятся хорошо, НО как только картинка доходит до границы контента, она вылезает из него и футер поднимается вверх. Да и как не странно, все тянется. Если растягивать допустим с 6 картинками все нормально не выезжает, если 7 вставляешь появляется этот баг, начинаешь масштабировать и все становится нормально... Как-то так это выглядит

    Asked by FLaShiQQ,

    0 votes
    4 answers

  4. iframe и lightbox: z-index (отображение в IE)

    Здравствуйте! На странице размещаю видео: <iframe width="304" height="183" src="http://www.youtube.com/embed/ccOx041__PE" frameborder="0"></iframe> При этом, на странице используется lightbox для показа увеличенной картинки. В IE проблема: видео находится поверх затемненного фона. Можно это как-то исправить?

    Asked by Светлана Гр.,

    0 votes
    1 answer

  5. Меню - плашка при наведении

    Как сделать такое меню? А точнее плашку при наведении. У меня получается так http://jsfiddle.net/zfQQX/1/ Я понимаю, что где-то пробел в знаниях здесь, или метод впринципе неверен. Подскажите пожалуйста

    Asked by Imperil,

    0 votes
    2 answers

  6. Не выделяется текст в Firefox и Chrome

    Не получается выделить текст в Firefox и Chrome, в IE и Opera все нормально, связано это как я понял с z-index, если убрать их то текст выделяется, но тогда вертикальное меню уходит под блок, как исправить можно? Сдела бы фитчей, но не ссылки не кнопки не выделяются) jsfiddle Еще баг появился, на этот раз только в мозиле, добавил свой шрифт, на главной странице все отлично отображается, на другой стандартным шрифтом текст делается. Код: CSS HTML

    Asked by Dolfik,

    0 votes
    4 answers

  7. Некоректно отображаеться содержимое в браузерах

    Всем привет. Писал сайтик и сразу тестил его на хроме. В хроме все красиво и ровно, но во всех остальных браузерах наблюдаються нарушение либо стилей, либо отдельных елементов. Подскажите в кком месте искать проблему.

    Asked by ruslanlizogub,

    0 votes
    15 answers

  8. помогите с плагином jQuery-SelectBox

    мне нужно изменить вид selecta с обычного на такой: выбрала плагин jQuery-SelectBox ( https://github.com/revsystems/jQuery-SelectBox#custom-styling ) 1.скачала zip, распаковала. 2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" src="javascript/jQuery-SelectBox-master/jquery.sb.js"></script> - внизу html прописала ссылки. 3. <link rel="stylesheet" href="jquery.sb.css" type="text/css" media="all" /> - на сss сослалась. 4. <script> $(document).ready(function() { $("select").sb(); }); </script> - скрипт после содержимого пункта 2…

    Asked by eleonore,

    0 votes
    3 answers

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

    Добрый день. Нужно сделать табличку: Но у меня не получается создать создать правильно фон для шапки таблицы, получается так: Как видите, фон шапки вылезает за пределы таблицы. z-index не помог. Скажите, как можно исправить проблему?

    Asked by VisedFAQ,

    0 votes
    9 answers

  10. Портфолио вылезает за приделы блока...

    Проблему решил. Прошу удалить тему.

    Asked by FLaShiQQ,

    0 votes
    0 answers

  11. Доступ к сайту через консоль

    Доброй ночи. Подскажите как организовать доступ к редактированию сайта через браузер. И возможно ли давать FTP доступ для редактирования отдельных фрагментов кода другим пользователям. Просьба подскать материалы или ссылки на эту тему.

    Asked by ruslanlizogub,

    0 votes
    1 answer

  12. Не могу вставить флешку в css. И таблица не хочет быть прозрачной :(

    Доброго времени суток. Появилась проблемка (даже две!), решить не получается Может кто подкинет идейку... Есть сайт на wordpress. В css прописана шапка (картинка jpg, как видно по коду): /* begin Header */ div.art-Header { margin: 0 auto; position: relative; z-index:0; width: 960px; height: 300px; } div.art-Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 960px; height: 300px; background-image: url('images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ Хочу вместо нее прописать флешку (грубо говоря баннер) таких же размеров. Как это сотворить? И сразу второй вопрос вдогонку. На страничке (на том …

    Asked by krestsoft,

    0 votes
    1 answer

  13. Как сделать кнопки переключающие контент?

    Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво

    Asked by Nescafe,

    0 votes
    4 answers

  14. Как сделать - "Сообщение отправлено" на текущей странице.

    Здравствуйте. Очень прошу помочь, так как PHP только начинаю учить. Вешаю вёрстку на WP, есть простая форма в файле index.php: <form action="<?php echo get_template_directory_uri(); ?>/quickResponseForm.php" method="post" name="quickResponse"> <label><span>Name:</span><input name="name" type="text"></label> <label><span>Email:</span><input name="email" type="text"></label> <label><span>Ph:</span><input name="phone" type="text"></label> <input type="submit" value="Send" name="submit" title="Send"> </form> Создан обработчик quick…

    Asked by Alarr,

    0 votes
    3 answers

  15. Не получается вывести заставку сайта по высоте

    Здравствуйте! Я натягиваю верстку сайта на Drupal - http://s.ygastik.ru/. Столкнулся с проблемой - заставка сайта при уменьшении окна браузера - уменьшается вместе с ним и образует белый зазор снизу.

    Asked by slaip,

    0 votes
    3 answers

  16. На страницах товара боковое меню съезжает вниз

    Есть интернет-магазин http://itr-kids.ru Боковое меню "Каталог" расположено на всех страницах сайта, включая страницы товаров. Везде, кроме страниц товаров, это меню располагается там, где задумано (слева под поиском и основным меню). На страницах же товаров, например здесь, меню по непонятной причине уезжает в нижний левый край. Подскажите, пожалуйста, в чём может быть причина? Сайт на Drupal 6.

    Asked by vkapas,

    0 votes
    1 answer

  17. filter (IE6-9) - возможна ли прописать по другому

    У меня есть в CSS такая запись: .pay-button { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 ); /* IE6-9 */ } Возможно ли её записать так: .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ } правда я прочёл , что должны быть в месте .pay-button { -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=0 )"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4f5', endColorstr='#0096d2',GradientType=…

    Asked by lev99,

    0 votes
    10 answers

  18. Проблемма с иконками от соц сетей

    Добрый день! Помогите пожалуйста не могу вставить иконки от соц сетей для изображений вот сайт http://www.zif.rudo.pro/gal/ хотел сделать таким образом когда открывается изображение в правом нижнем углу должны отображаться иконки от соц сетей но у меня это не получается пробовал ставить от сюда http://account.pluso.ru/ и все равно никак ((( исходник тоже скину http://rghost.ru/46274426

    Asked by argo,

    0 votes
    7 answers

  19. Как сделать, чтобы картинка встала по ширине экрана

    Пытаюсь натянуть верстку на Drupal. Как сделать, чтобы картинка встала влево? Чтобы не было зазора. http://s.ygastik.ru/

    Asked by slaip,

    0 votes
    3 answers

  20. Прыгает текст

    Вообще такая проблема. Есть страница http://moslem.ws/1/ при увеличении масштаба страницы (CTRL+прокрутка ролика мыши) текст на 75%, 67% прыгает то вниз то вверх, соответственно отображается на больших экранах криво, как можно исправить это?

    Asked by moslem,

    0 votes
    4 answers

  21. slider: при достижении границы родительского блока, внутренний блок выпадает вниз

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

    Asked by Bava,

    0 votes
    4 answers

  22. Линейные градиенты в разных браузерах и таб

    При помощи сервиса http://www.colorzill...radient-editor/ создал линейный градиент, немного доработал код и сделал то, что хотел: так отображается в FireFox, а в IE 9.0: как видите, не то что хотелось бы, причём в последней версии Хрома, граница также видна. Как исправить? (http://prodpak.ru) background: white; /* Old browsers */ background: -moz-linear-gradient(top, #F3EEEB, white, white, white, white, white, #F3EEEB); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3EEEB), color-stop(83%,white), color-stop(100%,#F3EEEB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3EEEB 0%,white 83%,#F3EEEB 100%); /* Chr…

    Asked by Delat,

    0 votes
    5 answers

  23. Резиновый дизайн с колонкой фиксированной толщины

    Имеется базовая тема Zen для Drupal с адаптивным дизайном на основе Zen Grids. Для экранов размером от 480 до 960 пикселей страница в ней бьётся на три колонки, две занимает контент и одну - сайдбар: @media all and (min-width: 480px) and (max-width: 959px) { .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */ float: left; width: 66.66667%; margin-left: 33.33333%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; } Для экранов шире 960 пикселей страница бьётся на 5 колонок, четыре заним…

    Asked by RedRat,

    0 votes
    0 answers

  24. Отделить версии ie

    Добрый день. На сайте транслируется поток с веб камеры в формате mjpeg. Для браузеров ie исользуется cаmbozola, для других браузеров транслируется просто через тег <img src='адрес потока'>. Раньше это было в таком виде: <![if !IE]> <img src="адрес потока" /><br> <![endif]> <!--[if IE]> <applet code="com.charliemouse.cambozola.Viewer" archive="cambozola.jar"> <param name="url" value="адрес потока"/> </applet> <![endif]--> Но для ie 10 это не работает. Подскажите как отделить браузеры ie включая 10 версию от других.

    Asked by vicyn,

    0 votes
    6 answers

  25. Вопрос по созданию Html письма

    Здравствуйте! Хотел бы узнать, если кто-нибудь сталкивался.. В общем, проблема в следующем: Нужно сверстать письмо таким образом, чтобы блоки с информацией можно было скрыть\открыть по клику на ссылку. Возможно ли это?

    Asked by N1cko,

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