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 стилями когда мы хотим чтобы изображение было друг под другом без промежутков. Автор данного сайта использует следующий код: <!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"> DIV.img IMG { display: block; } </style> </head> <body> <div class="img"> <img src="images/ecctitle.png" alt="Название"…

    Asked by creaturee,

    0 votes
    2 answers

  2. Шаблон с плавающей шириной и ВЫСОТОЙ

    Добрый день! Подскажите ссылкой али на пальцах как реализовать шаблон страницы, так чтобы при изменении размеров окна можно было рисовать границу страницы внутри границы окна, то есть умещать содержимое в видимой части страницы. При этом не появляются ни вертикальная ни горизонтальная полоса прокрутки, естественно до разумных минимальных пределов. Вот нарисовал, то что думаю: http://www.imagepost.ru/?v=schema.png Прошу ваши вопросы и советы.

    Asked by neuro_pro,

    0 votes
    2 answers

  3. Почему не работает меню

    Вот HTML: <div id="cn-menu"> <div id="cn-menu-bg"> <ul> <li><a href="#main" class="main">Home</a></li> <li><a href="#foto" class="foto">foto</a></li> <li><a href="#menu" class="menu">menu</a></li> <li><a href="#music" class="music">music</a></li> <li><a href="#interier" class="interier">interier</a></li> <li><a href="#reserv" class="reserv">reserv</a></li> <li><a href="#contact" class="contact">contact</a></li> </ul> </div> </div> И C…

    Asked by oke11o,

    0 votes
    2 answers

  4. Активная ссылка меню

    Не могу понять почему отходит вниз... http://di-asouls.ru/minecraft/ Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния? \\\ [left] #menu { padding: 0; list-style-type: none; background-image: url(../page_img/menu/menu_bg_repeat.png); font-size: 30px; height: 70px; } #menu li { padding-top: 20px; float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 70px; color: #ffbf00; } #menu li a:hover, #menu li.active a { text-align:center; color: #ffbf00; background-image: url(.…

    Asked by Diasouls,

    0 votes
    2 answers

  5. атрибут hreflang тэга a, и его работа.

    Здравствуйте. Изучая этот замечательный сайт я наткнулся на атрибут hreflang у тэга <a>. Прочитал его описание вот на этой странице и впал в ступор. В таблице поддержки браузеров четко указано, что не один браузер не понимает этот атрибут. И сразу возник закономерный вопрос. Для чего нужен такой атрибут? Как он работает, если браузер не способен его понять? Надеюсь вопрос был достаточно ясно задан. Жду ответа.

    Asked by biz87,

    0 votes
    2 answers

  6. Синхронизация галереи и описания

    Здравствуйте! Очень нужна ваша помощь! Подскажите пожалуйста как реализовать, такую штуку: Есть картинки, и описание для каждой. Нужно сделать так, чтобы при переходе к следующей или предыдущей картинке, вместе с ней менялось и описание для каждой из них. Как это реализовать, может быть есть готовые решения. м?

    Asked by Lemo,

    0 votes
    2 answers

  7. Margin-right в блоке

    Здравстуйте,есть блок(резиновый) нужно вставить в него 2 картинки с отступом справа вот так: http://itmages.ru/image/view/269207/0cb2979a , подскажите как это сделать? #content { height:400px; margin: 40px 75px 40px 63%; padding: 3px; border: none; min-width:350px; max-width:550px; } .conten { background: transparent;line-height:35px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; margin:0 5px; font-size:1px; } .conten …

    Asked by Rambo2045,

    0 votes
    2 answers

  8. Как сделать также? (gif-видео)

    Чем и как можно сделать вот такие гифы? http://support.kaspersky.ru/faq?qid=208640890

    Asked by sergeyshat,

    0 votes
    2 answers

  9. не могу сделать макет страницы

    Нужно сделать страницу из 5 блоков, где прописывать расположение блоков и размеры? Мне нужна "резиновая" верстка, чтобы при разных разрешениях страницы выглядели хорошо. <html> <head> <title>title</title> </head> <body> <div id="wrapper"> <div id="head"> <?php include 'head.php'; ?> </div> <div id="left"> <?php include 'left.php'; ?> </div> <div id="right"> <?php include 'right.php'; ?> </div> <div id="center"> <?php include 'center.php'; ?> </div> <div id="footer"> <?php include 'footer.php'; ?> <…

    Asked by Омск,

    0 votes
    2 answers

  10. Как верстать по ИЕ 6?

    Помогите пожайлуста, как верстать по ИЕ 6, решать проблемы Internet Explorer 6 при помощи чего и как?

    Asked by Sergey410,

    0 votes
    2 answers

  11. Основные инструменты для верстки?

    Какие основные инструменты нужны для верстки?

    Asked by Sergey410,

    0 votes
    2 answers

  12. Отступы заголовка таблицы

    Почему Chrome и Safari обрабатывают верхний отступ элемента caption отлично от всех остальных браузеров (пример)? Существует ли возможность в такой ситуации задать марджин кроссбраузерно?

    Asked by troll,

    0 votes
    2 answers

  13. Как сделать текст в поле?

    Есть форма отправки сообщения,там поле для текста пустое.Как сделать чтобы там уже был нужный мне текст? вот код: <p>{element label="Ваше сообщение" type="textarea" class="inputtext" required="required" error="Введите ваше сообщение" /}</p>{element type="captcha" class="inputtext" width="220" height="50" label="Проверочный код" /}<p>{element type="submit" value="Отправить" /}</p>

    Asked by stardel,

    0 votes
    2 answers

  14. Размещение блоков css

    Не Могу разместить блоки чтобе они располагались вот так: <style> * { vertical-align: top; margin: 0; padding: 0; zoom: 1; } </style> <div style="width:192px;background:#000;"> <div style="display:inline-block;background:red;width:32px;height:32px"></div> <div style="display:inline-block;background:green;width:32px;height:32px"> </div> <div style="display:inline-block;background:blue;width:64px;height:64px"> </div> <div style="display:inline-block;background:orange;width:32px;height:32px"> </div> <div style="display:inline-block;background:ora…

    Asked by geroi,

    0 votes
    2 answers

  15. Проблема с таблицами

    Доброй ночи! После небольшой смены дизайна пропала обводка таблицы + в одной таблице разъехались ячейки... 1) Было (все в норме) => Стало (пропала обводка) 2) Было (все в норме) => Стало (разъехались ячейки) Подскажите, пожалуйста, в чем дело. Спасибо!

    Asked by st2b,

    0 votes
    2 answers

  16. Подсветка синтаксиса.

    Здравствуйте всем! Подскажите пожалуйста ребята как сделать подсветку синтаксиса кода на сайте. Объясню поподробнее. Например я вставил текст кода в статью, как сделать чтобы он подсвечивался? Не хочу применять стили для каждого элемента кода в отдельности. Если есть какой-нибудь скрипт, то буду очень благодарен.

    Asked by nightgremlin,

    0 votes
    2 answers

  17. Проблема с обходом формы клавишей TAB

    Добрый день! На сайте http://1litr.elitmaster.com/ есть форма авторизации в правом блоке. Если поставить курсор в поле "Логин" и нажать tab, фокус переносится на форму поиска в левом блоке сайта, а не на поле Пароль ниже. С чем это может быть связано и как решить данную проблему?

    Asked by alexandr87m,

    0 votes
    2 answers

  18. Вопрос относительно background-position

    Здравствуйте, меня интересует такая возможность. На картинке приведен пункт меню в положении hover, в этом положении для пункта меню задается background-image повторяющаяся вдоль координаты X. Повторяющейся картинкой заполняется полностью пункт меню от левого края до правого, как можно сделать так, что б по ширине заполнялся не полностью, а от левого края до правого, не доходя 1-2 пикселя до правого края ?

    Asked by Edward,

    0 votes
    2 answers

  19. Как сделать круглые уголки у таблиц?

    сабж, border-radius: 20px; не работает

    Asked by AquaGen,

    0 votes
    2 answers

  20. Убратие отступа.

    Как убрать отступ между шапкой и фреймом в отдельной ячейке таблицы? <table align="center" width="1660" height="50" border="1"> <td width="20%" height="1500"><iframe src="....>четыре</td> <td width="60%" height="1500"> <iframe src="....." frameborder="0" width="100%" height="44%" frameborder="0" marginheight="2" marginwidth="0">Loading...</iframe> </td> </table>

    Asked by Didorri,

    0 votes
    2 answers

  21. составной фон в ie7

    прошу помощи в решении еще одной типовой задачи. в нижней части этой страницы поместил фон, состоящий из 2 частей: 1. фон определенной ширины (с изображениями кривых) 2. узкая вертикальная полоска фона, повторяющаяся по горизонтальной оси.(располагается под фоном1) поведение полученной страницы меня устраивает. но ie7 добавляет вниз страницы белую область, а она не нужна. можно ли исправить? ps пробовал помещать фон1 в .footer ,в результате он по краям обрезался и плавного перехода в фон2 и не было

    Asked by cyklop77,

    0 votes
    2 answers

  22. белый фон при загрузке фрейма

    Есть фреймы, в верхнем фрейме <a href> с target указывает какую страницу открыть в main-frame. основная проблема: при переходе появляется эффект "мигание", т.е. сначало белый фон на пол секунды, потом отображает в main-frame загруженную страницу. картинок и флеша внутри нет, только 1 таблица.. подскажите как обойти

    Asked by delphiworld,

    0 votes
    2 answers

  23. Кто-то взломал мой сайт?

    Заметила, что при переходе на мой сайт по ссылке из контакта, на страничке где был контакт выполняется редирект на казино, онлайн игры, порнуху и т.д... При переходе с самого сайта на другую страничку срабатывает не всегда, а вот если главную страничку открыть в виде кода, и перейти по ссылке на какую-то из внутренних страничек - срабатывает всегда, и снова вылазит злосчастное казино((( что делать? сайт http://aviles-finance.com/ на всякий случай страничка вконтакте http://vkontakte.ru/id12475349

    Asked by Alyosik,

    0 votes
    2 answers

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

    ЗДравствуйте. Возникла проблема: Если код выгледит вот так <div id="comments"><h3><?php comments_number('Comments!', 'Comments', '% Comments Already!' );?></h3></div> то кусочек сайта отображаеться вот так Если же допустим я поменяю на вот такой код <div id="comments"><h3><?php comments_number('Оставь коментарий!', 'Comments', '% Comments Already!' );?></h3></div> То выглядеть это будет так И так вот со всеми Русскими буквами на сайте. Если нужна еще какая-то информация спрашивайте. Прошу помочь кто шарит в коде) Вот все файлы .css и .php Вот >тут<

    Asked by pershing,

    0 votes
    2 answers

  25. перенаправление пользователей ie67

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

    Asked by cyklop77,

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