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. новые тэги html5

    на этом макете впервые попробовал html5. результат такое чувство, что я не до конца понимаю преимущества новых html5-тэгов. помогите пожалуйста понять как удобно записывать их в css-файле раньше я использовал xhtml и запись выглядела примерно так .footer{ } .footer .box{ height: 48px; position: relative; } .footer .box .logo{ position: absolute; top: 0px; left: -11px; width: 53px; height: 53px; background: url('../images/bg_logoB.png') right 0px no-repeat; } то есть я мог однозначно идентифицировать любой блок(футер, хэдер и т.д) в html5 хэдеров (или article, или section и т.д.) может быть несколько. то есть мне в любом случае придется т…

    Asked by cyklop77,

    0 votes
    8 answers

  2. Пару вопросов по верстке

    Здравствуйте, подскажите пожалуйста как выровнять так текст еще вопросик как сверстать это прозрачный прямоугольник и как задать шрифт Myriad Pro

    Asked by Rubik,

    0 votes
    1 answer

  3. Вертикальное позиционирование контента

    Доброго времени суток!) Вот пример верстки - http://jsfiddle.net/FeXaC/ Необходимо привязать футер к низу страницы (что реализовано), и при этом выровнять блок с контентом (фиксированного размера) по центру страницы. Если в css в #wrapper убрать height: auto !important; то выравнивание работает, но при этом футер начинает наезжать на контент при уменьшении размера окна. Подскажите пожалуйста, как можно решить сложившуюся проблему. Чтобы и контент по центру был, и футер не наезжал на него. Желательно без использования js и представления div таблицей.

    Asked by Crawler,

    0 votes
    5 answers

  4. input вод только 1 точку

    Доброго времени суток. Есть строка ввода куда вводятся только цифры и точкИ, но мне надо, что бы точку можно было ставить только одну. Проблема в том, что я незнаю как это реализовать. Код строки ввода: <input type=text id=vklad onchange=Calc() onKeyPress="if(event.charCode!=0&&event.charCode!=46&&(event.charCode<48||event.charCode>57)) return false;">

    Asked by dimon3191,

    0 votes
    4 answers

  5. <input> vs <a>

    http://clip2net.com/s/1RRlj Обычная кнопочка может быть выполнена кликабельной через <a> или через <input>. Верстка чуть проще на <a>. А принципиально ли это для дальнейшей работы программистов?

    Asked by seemax,

    0 votes
    14 answers

  6. Вопрос по горизонтальному меню

    Вопрос по горизонтальному меню Надо сделать меню как на картинке, на всю шируна сайта (1000px). Как не пытался, не получается сделать его так, чтобы занимал всю шируну и отступы боковые были одинаковые. Каким способом лучше сделать и как? И еще вопрос, как сделать границу боковую как на картинке?

    Asked by ProGirl,

    0 votes
    8 answers

  7. верстка дивами

    столкнулся с проблемой что дивы выстраиваются в столбик подскажите как это исправить так сейчас http://savepic.su/1869221.htm надо http://savepic.su/1864101.htm html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>главная</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="vse"> </div> <div class="knopki"> <div class="asdf"> <a href="index.html">На главную</a></div> <div class="asdf"> <a href="bet.html">Бетон</a></div> <div class="asdf"> <a …

    Asked by voin545,

    0 votes
    7 answers

  8. текст

    уважаемые форумчане подскажите тупому как менять цвет и шрифт текста

    Asked by voin545,

    0 votes
    2 answers

  9. Выпадающее меню одной строкой

    Привет! Сделал выпадающую гориз. менюшку в Dreamweaver, когда увеличиваешь страницу часть элементов меню прескакивает на новую строку, пробовал различные варианты форматировая, пробовал поместить меню в таблицу ничего не получается (позникают проблемы с JS ) , подскажите что можно сделать в данной ситуации, нужно чтобы меню при изменении масштаба не ломалось...может рецептик какой кто знает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>…

    Asked by ksonline,

    0 votes
    2 answers

  10. Расположение тега link

    Здесь написано: У меня вопрос: если есть два стилевых файла, связываемых с html-документом, один из которых размещается в HEAD, другой - в BODY, какой сработает в итоге? И почему нужно размещать непременно в HEAD?

    Asked by hike,

    0 votes
    7 answers

  11. Список[укрощение строптивого]

    Добрый день, уважаемые форумчане! Вопрос по сабжу следующий: есть список, например, в контейнере из div. Возможно ли ограничить высоту "блока" списка <ul></ul> таким образом, чтобы он часть элементов списка перекидывал вправо или влево по ширине контейнера? Другими словами, автоматически формировался в две или более колонки. Если это невозможно какое решение вы посоветуете, исходя из текущей задачи (разместить n-элементы из одной в две и более колонки автоматически)? Колонка, собственно, получается из простого перечисления элементов (например, "Рис", "Мука", "Масло") для которых я счел разумным применить разметку "список". Было: 1. Рис 2. Мука 3. Масло 4. М…

    Asked by geirbyfc,

    0 votes
    5 answers

  12. float:right и float:left в соседних элементах

    Допустим, есть: <img src="logocss.gif" width="95" height="84" style="float:right"/> <p style="float:left; width:100%;"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </p> Хочется, чтобы p выбрал ширину такую, что б его не сносило вниз, а обтекало. Так случилось, что параметр float:left ему при этом нужен..

    Asked by uitrix,

    0 votes
    2 answers

  13. Позиционирование логотипа по центру

    Доброго времени суток всем! Помогите пожалуйста нубчику=)! Скачал шаблон, начал его изменять как мне нужно, и тсолдкнулся с такой проблемой, не могу позиционировать логотип по центру, логотип "Anastasia Catruc", он сейчас находится слева. Сайт anastasiacatruc.com Судя по всему задачка простая, но мне не хватает знаний, подскажите кому не трудно, как позиционировать логотип по центру? Заранее всем спасибо!

    Asked by nuon,

    0 votes
    5 answers

  14. Резина или фиксированный?

    Собственно начал верстать шаблон, ранее таких проблем не возникало...даже не знаю почему, В общем такой вопрос, есть макет Сверстал я его как резину, но вот проблема - криво кажет на разных браузерах, все отступы делал в %, также проблема выявляется на маленьких мониторах -меньше (1280 x 1024), как решить собственно вопросик-то? Вот что получилось на выходе HTML

    Asked by Ergonav,

    0 votes
    2 answers

  15. Создание темы для WordPress

    Здравствуйте, подскажите, пожалуйста, гайды или видео-уроки по созданию тем для WordPress, кроме кодекса WordPress.

    Asked by ShootingStar,

    0 votes
    2 answers

  16. 3 DIVа с центровкой среднего

    Можно ли эту таблицу записать DIVами и CSSками? <html> <body> <table width=100%> <tr> <td>1</td> <td width=900>2</td> <td>3</td> </tr> </table> </body> </html> Суть в том, надо создать 3 DIVа в одну линию и чтоб они были растянуты на всю ширину экрана не зависимо от разрешения. Центральный DIV имеет заданную ширину в пикселях, а два крайних одинаковую ширину в зависимости от разрешения экрана.

    Asked by ajborman,

    0 votes
    2 answers

  17. Чёткое изображение

    Есть сайт, и есть картинки в png формате, обычными просмотрщиками смотрю, всё нормально, когда вставляю в код, типа background-image получаются размытыми ,т.е не чёткими как исходные, в чём может быть причина?

    Asked by vladimircape,

    0 votes
    2 answers

  18. Опера и ксс

    В других браузерах все ок, но в опере когда вводишь пароль вілазит штучка "сохранить" после нажатия любой кнопки она убирается и низ футера поднимается...можт знаетете как убрать? вот код ксс из середины так сказать #contaner{ width:900px; margin:0 auto; background-color:#FFF; min-height: 100%; height: auto !important; height: 100%; position:relative; }

    Asked by dimaua2,

    0 votes
    1 answer

  19. отимизация под firefox

    Доброго времени суток уважаемые форумчане. Подскажите почему у сайта САЙТ в firefox не отображается класс кнопки "на главную" (qwert). Очень надеюсь на вашу помощью Просьба не пишите что дизайн "не конфетка" это я и сам знаю.

    Asked by voin545,

    0 votes
    1 answer

  20. Можно ли сделать часть PNG-картинки ссылкой?

    Всем добрый день! Допустим, у меня есть две PNG-картинки необычной формы. Одна наложена на другую. Как сделать так, чтобы у одной из картинкой активной ссылкой была только определенная часть? Например, картинка – квадрат, а его угол представляет из себя ничего (прозрачен), вот как сдеалть, чтобы эта прозрачность не работала как ссылка. Возможно, "криво" изъясняюсь. Я филолог по образованию и занимаюсь дизайном, но, вдруг, верстка стала интересна для меня) Заранее спасибо!

    Asked by brabrobri,

    0 votes
    5 answers

  21. вопрос по всплывающему окну

    Друзья, использую тег: <a id="open" class="button" href="#layer">Какой у меня размер?</a> всплывающее окно у меня появляется с "крестиком" закрытия в правом верхнем угле Когда заменяю значение на страницу кот. мне нужна при открывании крестик пропадает и данное всплывающее окно можно закрыть только через "F5" (обновление станицы) <a id="open" class="button" href="size-ru.html">Какой у меня размер?</a> Вопрос: почему так - и как мне сделать чтобы всплывающее окно с <a id="open" class="button" href="size-ru.html">Какой у меня размер?</a> закрывалось крестиком или по клавише ESC

    Asked by Kereal,

    0 votes
    4 answers

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

    Мы очень часто проходим тесты в онлайн режиме. У каждой страницы есть свой универсальный код (можно его узнать через комбинацию клавишь ctrl + U). Всяко, есть в этом коде правильный ответ. Вот только как его найти? Подскажите пожалуйста. Заранее большое спасибо

    Asked by Underwater,

    0 votes
    2 answers

  23. Сторонние шрифты для основного набора

    Допустимо ли использовать сторонние шрифты для основного набора? У кого-нибудь есть информация, насколько сильно это влияет на время загрузки страницы? Какие тренды сейчас в этом?

    Asked by MrPostman,

    0 votes
    1 answer

  24. Центрирование списка

    Извините за столь тривиальный вопрос, возможно ответ абсолютно банален. Если я засоряю форум - удалите, пожалуйста тему, как только я получу ответ. Имеется блок - контейнер. В нём список, пункты которого сделаны блоками, и выровнены в линию float'ом. <div id="content" class="block"> <ul> <li>Пункт</li> <li>Пункт</li> <li>Пункт</li> </ul> </div> #content { margin: 10px 10px 10px 24%; overflow: hidden; } .block { ... padding: 5px; text-align: center; } ul { list-style: none; margin: auto; padding: 0; } li { float: left; display: block; width: 20%; border: 1px solid; } И, несмотря на text-al…

    Asked by ViStefan,

    0 votes
    5 answers

  25. Меняется стиль dashed для границ элементов

    Возникла потребность, согласно дизайна, сделать у некоторых элементов пунктирную нижнюю границу. В частности, у li элементов меню и ячеек таблицы (точнее, нужно отчеркивать строки таблицы нижней пунктирной границей). Обнаружил, что стиль пунктирной границы элемента может меняться в зависимости от ширины элемента (то есть в зависимости от длины пунктирной линии), а именно, в Опере (11.62), в зависимости, от ширины элемента, меняется период повторения штриха (длина штриха остается прежней). И если для пунктов меню это как-то можно терпеть, то в таблице -- это выглядит полной порнографией:граница под разными ячейками в строке рисуется разными пунктирами. Кроме того, место …

    Asked by smokepeng,

    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