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. Ограничение скаиваний

    Как подключить Captca к ссылке на скачивание файлов с сайте. Буду благодарен за пример

    Asked by chest,

    0 votes
    15 answers

  2. Горизонатльное меню с равными по ширине пунктами в процентах без таблиц

    Никак не соображу откуда в Хроме, Сафари, Опере и IE 6 берётся отступ в последнем пункте. В IE 7 и 8 нормально, в ФФ 3.6 и 4 тоже. /*тут куча тегов*/{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } body { width: 100%; max-width: 960px; font: 14px/18px Arial, Helvetica, sans-serif ; margin: auto; } ul { border: 3px solid #f60; overflow: hidden; zoom: 1; margin: 6px 0; background: #f90; font: 16px; } li { float: left; width: 20%; } a:link { color: #000; } a:visited { color: #c30; } li a { text-align: center; display:block; border-left: 1px solid #f…

    Asked by KooL,

    0 votes
    15 answers

  3. Вот такое, блин, творчество

    Решил еще раз попробовать слои, зззззззз блд... Читаю: "Допускается вкладывать один блочный элемент внутрь другого", значит можно и не вкладывать... Вверху, слева картинка, с отступами, от нее 4 полосы в стороны, типа крест. Лепил прямо в опере, нормально. Проверяю в других, каша, причем у всех разная. "position: absolute;" - не работает, у них. Привык, что каждая команда (функция), вещь конкретная, слои же - метод тыка, какой то. Вот такое, блин, творчество. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sys</title> <style type="text/css"> body { border: solid 0px #A1611D; …

    Asked by mizm,

    0 votes
    15 answers

  4. Таймер с выплывающим окном

    Добрый вечер всем ) у меня такой вопрос "Как сделать на сайте таймер с выплывающим окном" Время проходит допустим 3 мин и выплывает окно ( не сылка на страницу а окно) где добавить слова! За ранее спасибо!

    Asked by sedoff,

    0 votes
    15 answers

  5. Отступ двух от верха браузера

    Нужно чтобы страница была посередине экрана, т.к сайт промо, главная страница сделана маленькой. И на мелких мониторах она смотриться нормально, а на больших получается прилеплена к верху. Я пытаюсь выровнять по центру, не не получается. Тоесть мне нужно чтобы она центрировалась по вертикали по центру. Пробовал по разному: Это не подходит, она отлепляется от одного бока и отлеплена все время, а мне нужно только если снизу есть место. #otstup { position: absolute; top: 20%; left: 20%; } Вообще не работает. #otstup { background-position: center center; }

    Asked by Tchorteg,

    0 votes
    15 answers

  6. как сделали на этом сайте?

    http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…

    Asked by Тёмыч,

    0 votes
    15 answers

  7. Favicon

    Есть ли способ внедрить favicon помимо <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">?? Как-то раз я видел, что favicon был внедрён как-то иначе, но так и не понял как... Как ещё можно внедрить??

    Asked by DrStrangeLove,

    0 votes
    15 answers

  8. @font-face

    Здравствуйте, никак немогу побороть font-face ,никак не работает.Может ошибка в коде или где то ище,но не нашел.Шрифт Perfo.Ссылка на сайт http://melofon.ms/.

    Asked by Mr.Black,

    0 votes
    15 answers

  9. include

    Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?

    Asked by Angus,

    0 votes
    15 answers

  10. Вопрос по дизайну

    Доброго времени суток всем. Есть сайт, на который надо "надеть" дизайн, а именно надеть шапку, левую колонку, поле контента и футер. Допустимо ли это сделать заменой background-ов с html цветом на background-ы с ссылкой на картинку в формате jpg, или gif, png, вместо многоэтапной обработки PSD шаблона?

    Asked by slava03,

    0 votes
    15 answers

  11. Помогите с комментариями

    Вот у меня блок с ид homeInfoMan.Туда я сую н-ное количество комментариев.Мне над что блок самого комментария отражался корректно.Вот пример. Черным прямоугольником изображено аватарка пользователя,который написал комментарий,Name=Имя,Data=Дата напписания.Снизу после каждого комментария черта,т.е border-bottom. Вот небольшой код,который я написал.Но у меня некорректно отображается сам текст в комментарии,скажите в чём проблема.?! <style type='text/css'> #homeInfoMan{margin-top:10px;margin-bottom:20px;padding-left:35px;text-align:left;} #homeInfoMan p {padding:10px;text-align:right;margin-right:40px;} #commenOne{border-bottom:1px solid red;width:490px; margin-to…

    Asked by new01,

    0 votes
    15 answers

  12. горизонтальная прокрутка

    Подскажите пожалуйста, столкнулся вот с таким экземпляром и проблему не могу найти, все страницы с горизонтальной прокруткой. http://club-podolsk.ru/index.php/goriashie.html Заранее благодарен

    Asked by dimdimin,

    0 votes
    15 answers

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

    Здравствуйте! У меня есть страница, в которой располагается список галерей. Всего галереи четыре. Вчера обнаружил, на старых разрешениях из всего списка галерей видно только первую фотографию слева. А самый маленьких вообще видно только её верхнюю границу. Перенаписал код, часа наверное за четыре, за пять. Был доволен и счастлив, т.к. в IE6 при любых разрешениях, при использовании которых были проблемы, всё стало отображаться как я хотел. Окно браузера можно было уменьшать как угодно, картинки всё равно были там где были при открытии страницы, но масштабировались. Но моя радость не долго со мной пробыла... Все миниатюры в галереи были горизонтальными и я решил попробовать…

    Asked by b0s,

    0 votes
    15 answers

  14. Выравнивание текста понизу

    <style> .post h1, .post h1 a{ font-family:Arial, serif; font-size:14px; font-weight:normal; float:left; } .post small { font-family:Arial; font-size:12px; color:#4a5256; padding: 0 0 0 8px; } </style> <div class="post"> <h1><a href="#">Запись не моя, я только разместил её</a></h1><small>27/03/2011</small> </div> Вот таким кодом я стыкую в одном диве две строчки. Причем первая строка имеет подчеркивание и 14й шрифт, а вторая без подчеркивания и 12й шрифт. Строки имея разную высоту все время выравниваются поверху, что смотрится не эстетично. Как ни крутил не могу сделать красиво. Вот пример того что я пытаюс…

    Asked by rcoma,

    0 votes
    15 answers

  15. Резинка не поддается

    Уже не первый день мучаю код. Завтра срок сдачи, времени нет! Просьба помочь, как можно сделать вот такой хэдер...

    Asked by mayse,

    0 votes
    15 answers

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

    Здравствуйте. Подскажите, пожалуйста, как убрать полосу прокрутки, чтобы ее вообще не было видно? Попробовал с помощью урока -- не получилось. Вот в Опере есть галочка "Показывать полосы прокрутки", ее можно убрать, и полоса не будет отображаться (скриншот) -- как реализовать это на своем сайте с помощью CSS и/или HTML? Заранее благодарен! —- Задача решена! Всем спасибо!

    Asked by Alter_Ego,

    0 votes
    15 answers

  17. Подскажите способ

    Подскажите, как лучше верстать такую карусель? Из вариант - это разбить на три блока ( левый(стрелочка) ; центральный(который меняется; правый(стрелочка). Или сделать все через позиционирование.

    Asked by like2dev,

    0 votes
    15 answers

  18. Проблема с блоками

    У меня проблема с видом блока на єкране. С помощью єтого сайтам я сделал вот такой блок .box2 { width:504px; height:434px; text-indent: 145px; text-decoration: blink; text-shadow: 1px 1px 2px black, 0 0 1em grey; position:absolute; font-size: 2em; font-family: font-family; opacity: 0.5; box-shadow: 0 0 10px rgba(0,0,0,0.5); top:512px; right:469px; background-color:#E6E6FA; -webkit-border-radius:6px; -moz-border-radius:5px; -khtml-border-radius:10px; блок меня полностью устраивает но только я разворачиваю свой сайт (то есть сужаю в єкране) все мои…

    Asked by esse,

    0 votes
    15 answers

  19. Ссылка во флэше

    Есть сайт art143.ru, на нём заголовок сделан в виде флэша. Можно как-то указать в HTML, чтобы флэш ссылался на главную страницу без правки исходника?

    Asked by Vlad,

    0 votes
    15 answers

  20. Размеры фиксированной верстки.

    Какой размер является стандартным для фиксированной верстки? Исходя из чего определяют ширину фиксированной верстки( допустим, контента мало)?

    Asked by amelice,

    0 votes
    15 answers

  21. 2 колонки и IE

    Собственно, нужно добиться: А ИЕ выдает: Вот HTML: <div id="page"> <div><div id="left"> Menu </div> <div id="content"> <p>Content</p> </div></div> <div id="footer"> Footer </div> </div> А вот CSS: #page { width:1010px; background-color:white; margin-top:15px; text-align:left; padding:5px; } #left { float:left; width:300px; } #content { width:700px; margin-left:305px; } #footer { width:100%; } Помогите пожалуйста!!

    Asked by rizorko,

    0 votes
    15 answers

  22. Пустой span c min-width в таблице. Проблемы с ИЕ7.

    Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!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>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"&g…

    Asked by F315,

    0 votes
    15 answers

  23. Помогите объединить вкладки!

    Не могу никак убрать пробел между вкладками Models и New faces. Помогите, плз! Вот.

    Asked by Poptimistic,

    0 votes
    15 answers

  24. haml, sass и все такое

    Привет всем верстальщикам :-) С версткой у меня мягко говоря не очень, в основном бекенд, поэтому хочется немного подтянуть эту область. В связи с этим возник один вопрос - использует ли кто-то такие штуки как HAML, SASS, как кто вообще относится к синтаксическому сахару? Лично мне все это удобней, чем писать на html+css но... хотелось бы услышать мнение верстальщиков. И еще - шаблоны, например Boilerplate - тру или сакс? Хочется использовать html5 (мне он кажется более правильным, плюс есть нужные мне фичи), но напряжно заморачиваться с совместимостью со всеми браузерами. Я на ложном пути? Всем спасибо

    Asked by int03e,

    0 votes
    15 answers

  25. Pixel Perfect для Mozilla 6.01

    Здрвствуйте! При установке 6-ой Mozilla столкнулся с проблемой того что в ней не работает дополнение "Pixel Perfect"! Подскажите кто знает существует ли какой нибудь выход в данной ситуации? Возможно есть какая нибудь альтернативная программа для точной сверки положения макета относительно верстки! P.S. Буду признателен за любые ответы...

    Asked by Yamaradg,

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