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. Запись формы с checkbox в БД

    Надо, чтобы отмеченные чекбоксы записывались в БД в одно поле "polecheckbox" (тип поля varchar(255)). Записывались в таком виде: option1, option2, option5 или a1, a2, a5 как правильно? Напишите, пожалуйста, правильный вариант формы с передачей отмененных значений в БД. И чтобы при выводе, если значение в БД записано (присутствует в поле polecheckbox), то оно было отмечено, если не записано, то не отмечено. <form method="POST"> <input type="checkbox" name="option1" value="a1">один<br> <input type="checkbox" name="option2" value="a2">два<br> <input type="checkbox" name="option3" value="a3">три<br> <input type="checkbox" name="op…

    Asked by qazibum,

    0 votes
    3 answers

  2. Верстка бокового меню на джумла через ul li

    Бьюсь с css, не выходит сделать пункты меню с фоновым изображением одинаковой фиксированной ширины - или все ломается или делает по ширине текста. Может кто сталкивался? Настраиваю через ul и li Сейчас такая каша уже: .hlink li { line-height:42px; width:180px; text-align:right; font-size:16px;} .hlink ul li a {width:180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image:url(../images/80.png); border:1px solid #999; padding:8px 25px; text-align:right; font-size:16px; text-shadow:#555; color:#000; text-decoration:none} .hlink li a:hover { background-image:url(../images/bluebtn.jpg); background-repeat:repeat-x; color:#FFF} hashimk…

    Asked by knowledge,

    0 votes
    3 answers

  3. Подскажите с margin

    Есть кусок css и html: body { color: #fff; background: url("../i/bg.jpg") repeat top center; } #wrapper-body { background: url("../i/logo.gif") no-repeat top center; } #wrapper { width: 902px; margin: 0 auto; } #header { background: url("../i/line_alfa.png") no-repeat bottom center; } #h-top { height: 178px; } #content { background: url('../i/cn_padding_left.png') repeat-y left; } #cn-wrap { background: url('../i/cn_padding_right.png') repeat-y right; } #cn-menu { background: url("../i/line_gor.png") no-repeat bottom center; } #cn-menu-wrap { width: 782px; margin: 0 auto; background-color: #001e16; } #h-nav li { display:-moz-inline-stack;/*Fi…

    Asked by oke11o,

    0 votes
    0 answers

  4. Как убрать двойные границы?

    border-collapse, как я прочитал только для таблиц. а что делать если граница проходит между меню и контентом? ведь может меню быть длиннее (когда контента мало), а может и контент. а граница должна быть до футера. height:100%; не помогает, у контента поставил границу, но все равно он бывает короче меню

    Asked by AquaGen,

    0 votes
    2 answers

  5. Верстка верхнего меню

    Здравствуйте уважаемые, у меня такой вопрос... Нужен результат вот такой: при навидение на ссылку у ней появляется вот такой фон. Никак не пойму как это сделать, помогите пожалуйста советом. код: <div id="top_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="/">О компании</a></li> <li><a href="/">Услуги</a></li> <li><a href="/">Популярное</a></li> <li><a href="/">Контактная информация</a></li> </ul> </div>

    Asked by an1401,

    0 votes
    33 answers

  6. способы проверки вёрстки

    интересно знать кто какими способами проверки качества вёрстки обычно пользуется? можете к этому списку добавить что-нибудь важное?

    Asked by cyklop77,

    0 votes
    12 answers

  7. Проблемы с созданием карты изображений.

    Доброго времени суток, Уважаемые!) Помогите разобраться, если не трудно.. Суть в следующем: есть фотография, на каждом из персонажей которой спозиционированы гиперссылки и образованы области для щелчка. В FF и Google Chrome все работает на УРА, а в OPERA и IE проблемы - спозиционированные области ВНЕ изображения показываются и активны при наведении, а размещенные непосредственно на фотографии не активны. В чем могла бы быть загвоздка? Тут ссылка на эту страницу. Собственно, сам код: <!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> <title&gt…

    Asked by herr.boyar,

    0 votes
    0 answers

  8. Проблема с денвером

    Доброго времени суток. Суть проблемы: набираю http://localhost/Tools/phpMyAdmin/'>http://localhost/Tools/phpMyAdmin/ - попадаю верно и http://localhost - попадаю на свой сайт в интернете вида www.сайт.ru Разными браузерами - тоже самое. Переставлял денвер - работало, дальше опять та же проблема. Первый раз с этим столкнулся вчера на ноутбуке, теперь и на настольном та же фигня)) В hosts все по умолчанию. Кто нить с таким сталкивался?

    Asked by Non Stop,

    0 votes
    5 answers

  9. div по центру

    здравствуйте есть html: <div class="head"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> и css: .head { overflow: hidden; } .left { float: left; } .right { float: right; } как сделать <div class="center"></div>, по центру блока head? margin: 0 auto; не помогает. спасибо

    Asked by vvsh,

    0 votes
    8 answers

  10. Проблема с выпадающим горизонтальным меню

    Доброго времени суток! Проблема состоит в следующем: сайт www.cat-warriors.ucoz.net просматривают с IE7 и IE8. Имеются страницы системные [не имеют в конце расширения html, например, главная] и статичные, например, как эта: пример. В IE7 версии всё отлично: в обоих версиях страниц выпадают меню. В IE8 же на системных страницах меню выпадает, а на статичных нет. В других браузерах такого нет. Пробовала ставить эмуляцию IE7 - не помогает. С чем это может быть связано и как решить проблему? Заранее большое спасибо за помощь.

    Asked by VRSh,

    0 votes
    0 answers

  11. микроформат для товаров

    появилась необходимость пометить товары интернет-магазина микроформатами. но официальной спецификации по такому виду микроформатов я не нашел. неужели для товаров нет никакого микроформата? проясните ситуацию пожалуйста

    Asked by cyklop77,

    0 votes
    2 answers

  12. Подскажите с расположением элемента

    Добрый день, дорогие форумчани! Сразу извиняюсь за возможно корявый код, это мой самый первый сайт, и то что привожу его прямым текстом, а не даю веб-ссылку (да я прочел ваши пожелания). Помогите пожалуйста с написанием кода для данного хедера: Имеется следующее: сам сайт будет фиксированной ширины 1024px и располагаться по центру страниц, хедер решил сделать слегка резиновым), а именно картинки бабочек и печенек сделал repeat-x, но основная часть та, что на картинке, располагается по центру страницы. Проблема заключается в том, что не могу поставить поле поиска в нужное место, оно у меня уезжает вместе с расширением окна браузера. и собственно вот код: <!DOCTYPE h…

    Asked by venrt,

    0 votes
    6 answers

  13. Верстка html письма

    Здравствуйте, подскажите как правильно верстать html письма?

    Asked by Rubik,

    0 votes
    9 answers

  14. repeat-y на заданный промежуток

    Всем привет. Я подозреваю, что решение данной проблемы касается не CSS, а JS, но решил создать тему тут. Проблема вот в чем: Существует 2 блока. В одном бэкграунд высотой 128pх со свойством repeat-y, картинка сама представляет собой текстуру из шахматных квадратов (например), а второй блок - это что-то вроде футера, который имеет замыкающую текстуру. И при растягивании блока над футером - само собой тектура не повторяется каждые 128px, а повторяется в зависимости от размера наполнения блока. Соответственно вопрос: Возможно ли свойству repeat-y задать фиксированный "шаг" с которым оно будет повторять изображение? Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers

  15. Расположение ссылок на странице

    Здравствуйте! Столкнулся с задачей сделать красивое меню, картинка со сносками, как на примере Все подписи должны быть ссылками. Я пробовал делать фон для страницы с этой картинкой, и накладывал слои с ссылками на нужные места, то они привязываются относительно определенной стороны и при масштабировании окна браузера "уезжают", как можно расположить их фиксировано, или может быть я не туда шагаю?

    Asked by andreyvorobey,

    0 votes
    9 answers

  16. как лучше сверстать

    Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы: 1. плавный переход в фон на краях 2. анимированый фон (блестят логотип и завитушки).

    Asked by oke11o,

    0 votes
    6 answers

  17. Подскажите как выровнять таблицы на одной строке

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

    Asked by kxSven,

    0 votes
    8 answers

  18. Разное отображение списков у WebKit и НЕ WebKit. Помогите разобраться....

    Здравствуйте! Есть хтмл: <ul class="lister"> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> </ul> и есть ксс к нему: * { margin:0; padding:0; } body { margin:1em; } ul { margin: 5px 24px; } .lister { list-style-type: upper-alpha; } .lister li{ font-family:"Courier New", Courier, monospace; } проблема в том, что у WebKit-браузеров(chrome, safari) маркеры списка чуть-чуть съезжают влево. как это исправить? ато открываешь страницу, например, в фоксе - всё ок, в опере тоже ок, и даже, прости господи, в ие6 всё ок, а вот хром и сафари сдвигают маркеры-буквы…

    Asked by ChesterHTML,

    0 votes
    2 answers

  19. позиционирование странице при открытии.

    Доброе время суток, подскажите пожалуйста, как можно (или где почитать как) реализовать открытие страницы уже в нужном месте. К примеру, что бы страница открывалась и была видна ее средняя часть, а не вверх.

    Asked by byzuka1,

    0 votes
    2 answers

  20. Полоса прокрутки

    Привет, а как можно справиться с тем, что сайт сдвигаеться, при переходе на страницы без скролинка по вертикали. Кроме того чтоб включить скролинг на всём сайте можно что нибудь сделать? P.S. А как на этом форуме просматривать в теме сразу все сообщения? Почему то по 1 показывается.

    Asked by SoFuWa,

    0 votes
    4 answers

  21. горизонтальное меню

    подскажите, а как сделать вот такое меню, но только чтоб движение было не вверх, а вниз. Моя ссылка вот ссылка Моя ссылка

    Asked by montana,

    0 votes
    0 answers

  22. Проблема с input

    Я только начал изучать веб-разработку. Так что тонкостей еще не знаю. Вот сейчас озадачен таким вопросом: почему когда я добавляю в код страницы <div id="im_admin"> <input /> <div> ...у меня нормально добавляется поле для ввода текста. Но когда я либо-как редактирую его в сss: #im_admin {float:right;} ...пропадают все бекграунды с других div блоков. Отформатировано то правильно, но при этом выдает только цвет фона <body>.

    Asked by Karponter,

    0 votes
    6 answers

  23. Как сделать "резиновым" div по вертикали с прокруткой?

    Есть сайт с "резиновым" дизайном. Есть необходимость использовать div со скроллбаром. Если задавать фиксированные размеры для div'а, все нормально, "overflow: auto" создает скроллбар когда необходимо. Но если размер div'а не указан (или 100% - то что надо ), растягивает div так, что видно только 1 строку. Как сделать ризивой div по вертикали с прокруткой? height:600px; - сейчас в работе. (height:100%; или height:auto!important; - не работаю корректно) #mycustomscroll { width: 100%; min-height:auto!important;height:600px;max-height:100%; margin: 0 0 0 0; overflow: auto; } .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscr…

    Asked by DeathError,

    0 votes
    8 answers

  24. Технология, на которой сделан сайт w3.org

    Здесь прочитал, что w3.org сделан в виде адаптивного макета, подстраиваемого под ширину браузера. Нельзя ли подсказать мне технологию, на которой данная технология сделана? Для меня этот макет в новинку. Я увидел в HTML-коде некоторые конструкции, которые мне раньше не встречались. Вероятно, что дело в них. <style type="text/css" media="print, screen and (min-width: 481px)"> .... </style> и <link rel="stylesheet" href="/2008/site/css/minimum" type="text/css" media="handheld, all" /> Если это так, то где можно увидеть официальную документацию по этому?

    Asked by clavin,

    0 votes
    4 answers

  25. Помогите с позиционированием.

    Сражаюсь уже день, в итоге получается расположить или все в столбик, или все в линию. Source Css ul#content {height:1%;overflow:hidden;list-style:none;margin:0;padding:0;max-width: 1020px;} ul#content li{vertical-align:top;display:inline-block;margin:0 2% 26px 0;width:auto;} * html ul#content li{display:inline;} *+ html ul#content li{display:inline;} Html <ul id="content" > <li> <div style="height: 420px;width: 740px;" ></div> </li> <li> <ul> <li> <div style="min-…

    Asked by mola10,

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