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

    Как сделать область под li ссылкой? Сам текст ссылка. Height 100px к примеру ставлю, при наведении в эту область курсор делается как pointer, а ссылка не работает. UPD Извините разобралась

    Asked by Kisa1993,

    0 votes
    0 answers

  2. искажения изображение в youtube-видео

    часто бывает так, что встроенное через iframe видео с ютуба имеет небольшое искажение изображения в виде полосы с правой стороны превью. скриншот подскажите пожалуйста как можно избавиться от этой полосы я пробовал сдвигать внутренние блоки на 2px, используя overflow: hidden . не помогло

    Asked by cyklop77,

    0 votes
    1 answer

  3. выпадающий список, не могу понять как исправить

    привет. Делаю выпадающий список в меню. Но не могу понять из-за чего я получаю вот такое и как это исправить? т.е. Когда я навожу мышь на Item3 появляется выпадающее меню, а Item4 съезжает вниз. но он находился то под Item1 <ul class='navigation_bar'> <li class='nb_item'><a href=''>Item 1</a></li> <li class='nb_item'><a href=''>Item 2</a></li> <li class='nb_item'> <a href='' onclick="alert(Python)">Item 3</a> <ul class='subitem'> <li><a href='' onclick="alert(1)">SubItem 1</a></li> <li><a href='' onclick="alert(2)">SubItem 2</a></li> …

    Asked by ilnurgi,

    0 votes
    2 answers

  4. Изменить цвет панели видеоролика youtube

    подскажите пожалуйста как можно изменить цвет панели при проигрывании видеоролика с youtube через fancybox. по умолчанию она серая, а хотелось бы чёрную я пробовал, используя это, дописать в get-параметры адресной строки color2=000000. не помогло

    Asked by cyklop77,

    0 votes
    0 answers

  5. Почему затрагивается первый потомок?

    Здравствуйте. Пытаюсь задать стиль отступов для пунктов горизонтального меню с помощью: .moduletable_menu>ul>li:not(first-child){ margin-left:54px; } но это сдвигает и первый тег li Что делаю не так? Благодарю

    Asked by borus,

    0 votes
    4 answers

  6. Горизонтальное Выпадающее Меню

    Добрый день. Ниже приведен код меню: http://jsfiddle.net/96P6K/1/ 1) Как сделать его горизонтальным? не пойму; в css добавлял св-во display: inline и inline-block, не помогает. Подскажите кто-нибудь.

    Asked by ThierryH,

    0 votes
    12 answers

  7. Резиновое меню не очень резиновое

    Здравствуйте. Окажите помощь, пожалуйста, начинающему верстальщику в разработке резинового меню. <nav id="top"> <ul id="menu"> <li class="main"><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul class="drop"> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> <li><a href="#">Service 4</a></li> </ul> </li> <li><a href="#">Каталог</a></li> <li>&…

    Asked by caramel_stain,

    0 votes
    2 answers

  8. Не получается вставить ссылку

    Здравствуйте, с HTML начал знакомиться только вчера и интересует такой вопрос. У меня была анимация бокового сайдбара, в который только текст вставить надо. Я хотел поместить там ссылку, но не могу понять, где ошибся.

    Asked by Nopasaran,

    0 votes
    1 answer

  9. Высота блока до футера

    Всем привет. Ребят, не могу победить такую напасть: Необходимо что бы граница правого блока доходила до футера, а не обрывалась после окончания блока. Подскажите как это можно сделать, спасибо http://cornerwork.qql.ru/pressa

    Asked by MadChild,

    0 votes
    1 answer

  10. Сверстать без absolute

    как сверстать без absolute фотографии мозайкой

    Asked by daggi,

    0 votes
    7 answers

  11. Не получается простой пример

    В самоучителе проходил вот такое вот решение. Вывод вписанного текста во всплывающее окно JS при нажатии на кнопку: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег INPUT, атрибут name</title> <script> function dataField(f) { alert("Вы ввели: " + f.comment.value); } </script> </head> <body> <form action="handler.php"> <p><b>Введите текст</b></p> <p><input type="text" name="comment"> <input type="button" value="ОК" onclick="dataField(this.form)"></p> </form> </body> </html> Захотел сд…

    Asked by DkS,

    0 votes
    2 answers

  12. iframe, обёрнутый в ссылку

    помогите пожалуйста решить проблему есть видео, встроенное на страничку при помощи iframe. я оборачиваю его в тэг <a href="path" style='display: block'></a>. при клике на видео оно начинает проигрываться, а хотелось бы чтобы происходил переход по моей ссылке

    Asked by cyklop77,

    0 votes
    3 answers

  13. Модель блока

    В книге Влада Мержевича на странице 115 "Вёрстка веб-страниц" модель блока описана следующим образом: "высота складывается из значений высоты контента (height), полей (padding), границ (border) и отступов (margin)". Когда приобрел книгу http://www.ozon.ru/context/detail/id/2468908/. то там обнаружил другие определения: отступы (padding), границы (border) и поля (margin). Вопрос, как правильно? По моему margin - переводится как "поле", а значит второй вариант.

    Asked by Delat,

    0 votes
    8 answers

  14. Проблема с формой

    Здравствуйте, уважаемые верстальщики и все остальные! Я начинающий верстальщик и всему только учусь. При верстке очередного макета/шаблона возникла проблем-ка с формой. Собственно сому форму, я создал, можете посмотреть её на данном снимке экрана: Как видно из снимка, радио-кнопки, ссылку и первую текстовую область я с позиционировал. Но, к сожалению, с остальными почему-то не получается, пробовал и марджины и все что мог и знал Элементы формы нужно с позиционировать как на данном снимке экрана: Кто может помочь решить данную проблему или хотя-бы посоветовать какой либо источник, который помог бы решить данный вопрос, пожалуйста, отзовитесь. Буду признателен вам всей д…

    Asked by nad_sergey,

    0 votes
    2 answers

  15. Лиса не хочет отображать границы в таблице

    Лиса не хочет отображать границы в таблице. Почти все она отображает, но лишь две не отображает. На картинке видно. Но что самое интересное я ничего не менял, и на какое-то время они появились. Потом опять пропали. В Opera, Chrome все нормально. Подскажите пожалуйста. Вот код: .shop_table table tr th{ font-size: 23px; border: 3px ridge slategrey; } .shop_table table tr td{ font-size: 18px; border: 3px ridge slategrey; } .shop_table table{ border: 3px ridge slategrey; border-collapse: collapse; } <img id="y-t-loader" style="display: none;" /> [] -

    Asked by Michael Myers,

    0 votes
    2 answers

  16. Меню сайта и активный элемент.

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

    Asked by romaalupka,

    0 votes
    3 answers

  17. Убрать линии в форме подписки

    Сздала на одном сервисе форму подписки. Выглядит нормально, но когда выкладываешь на сайт между полями появляются черные линии. Может кто подскажет как их убрать. Вот код формы <!-- SmartResponder.ru subscribe form code (begin) --> <style type="text/css"><!-- .sr-box table {width: auto !important;}#elem_table_element_header{width:268px !important;}.sr-box img {max-width: none;}.sr-box br {display:none;}.sr-box p {display:none;}.sr-box {display: block !important;position: relative;width: 250px;}.sr-box-list table{border:0 !important}.sr-box-list td{padding:0px !important; border:0 !important}.sr-box-list{clear: both;display: block;list-style: none outside…

    Asked by dooddy,

    0 votes
    2 answers

  18. Меню для адаптивной верстки

    Добрый вечер, Разрабатываю сайт, одним из основных требований к которому есть адаптивная верстка. Все довольно просто, но есть проблема - на определенной ширине дисплея нужно превращать меню в кастомизированый dropdown. Напрашивается подключение плагина и мониторинг текущей ширины дисплея через js, но кажется, что это решение "с душком". Подскажите, возможно ли реализовать это более "чисто", и если да, то как? Вот меню, над которым оперирую. С уважением, Михась

    Asked by Akademik,

    0 votes
    1 answer

  19. Помогите пожалуйста, проблема с верхним индексом

    Такая ситуация: <div class="proekti"> <p> <a href=""> Дома до 200 м<sup>2</sup> </a> </p> </div Где стоит верхний индекс, линия подчеркивания сверху. В IE последнем все нормально, в хроме беда((( Никто не сталкивался с такой ситуацией? Помогите чем можете)) Кому не понятно вот картиночка: http://savepic.org/3276629.htm

    Asked by Gasherez,

    0 votes
    1 answer

  20. Логотип в шапке сьезжает при изменении разрешения.

    Всем доброго дня! Я только начинаю верстать и столкнулся с такой проблеммой. Создаю шапку сайта в виде картинке. На картинку наношу блоки с логотипом и мини-меню. Все бы ничего, но при масштабировании в браузерах или при смене разрешения логотип уходит вниз. Но кстати, картинка остается фиксированного размера. И также мини-меню, оно сьезжается, а должно быть на определенном месте картинки. Вот код: <body> <div id="header"> <img src="images/header.jpg" alt="Шапка сайта" /> <div id="logo"> <p class="leftmainlogo"> Box&Cube </p> <p class="underlogogrey"> create & innovat…

    Asked by aqva_spirt,

    0 votes
    0 answers

  21. iExplorer и Safari не хотят отображать фоновую картинку

    Приветствую, уважаемые коллеги. Возникла странная проблема с кроссбраузерностью. Safari и iE не выводят фоновую картинку в данных ячейках таблицы. Как ни странно, в других ячейках этой же таблицы с фонами полный порядок, хотя и заданы они так же. Единственное отличие этих ячеек от прочих в том, что они объединённые. Но если снять объединение, фона всё равно нет. В остальных браузерах проблем нет. Помогите, пожалуйста, разобраться, в чём дело. Код ячеек таблицы: <tr class="itogo"> <th colspan="4">Итого</th> <td colspan="2">124 000 руб.</td> </tr> Их стили: .itogo{ height:40px; font-size:16px; } .itogo th, .itogo th:hover{ text-align…

    Asked by ARD_END,

    0 votes
    1 answer

  22. не становиться резиновым поле шаблона

    http://test123234.ucoz.ru/news #maincol { float: left; background: #ffffff; max-width: 776px; } вот, не знаю что делать уже.. белое поле с новостями, должно растягиваться и сжиматься. делаю width: 776px; и оно все заполняет, все что положено. но при max-width: 776px; все обрезается до размеров текста. команду как будто не воспринимает.

    Asked by Linblack,

    0 votes
    11 answers

  23. Как заставить ссылку скачиваться, если формат выложенного файла не стандартный?

    Всем привет, есть страничка: http://www.camera.center.rt.ru/podderzhka/proshivki На ней 4 файла, 3 из них обрабатываются браузером не корректно и при открытии выскакивает какое-то непонятное окно. Даже в выпадающем меню нет пункта "Сохранить объект как..." Заказчик просит, не архивировать их, а выложить как есть, чтобы абоненты не мудрили с разархивированием.

    Asked by SCooTERina,

    0 votes
    7 answers

  24. Фигура при наведении

    Наглядный пример того что нужно: http://cs418420.vk.me/v418420741/5d8a/Qohsx-N0BUM.jpg как это сделать без использования картинок и скриптов? возможно ли вообще? уточню. на картинке горизонтальное меню.

    Asked by Linblack,

    0 votes
    21 answers

  25. Бэкграунд

    Доброго времени суток! На данный момент делаю мобильную версию своего сайта и хотелось бы узнать, какого размера должен быть бэкграунд, чтобы нормально отображался на таких девайсах, как iPhone, iPad. Помогите пожалуйста

    Asked by WooLunatiX,

    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