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. Не отображается флэшка в ИЕ7

    Почему-то не отображается флэшка в ИЕ7, точнее в режиме совместимости и ИЕ-тестере. Вот тута _http://modx.15tr.ru/ Код: <!DOCTYPE html> <html> <head> <title>Главная - Двери</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <base href="[(site_url)]" /> <title>Двери</title> <script language="JavaScript"> // Это требуется только для обозревателей Netscape. function flashGetHref() { return location.href; } function flashPutHref(href) { location.href = href; } function flashGetTitle() { retur…

    Asked by maerrry,

    0 votes
    4 answers

  2. font-face кириллица

    На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…

    Asked by theo_,

    0 votes
    4 answers

  3. Бэкграунд

    Всем привет! Вопрос по повду бекграунда: http://d76952.u43.allramhosting.com/. Бекгрунд сверху и соотвественно снизу, когда меняешь размер окна по вертикали, вылазит белый бекграунд (снизу). Соотвественно этого быть не должно, пытаюсь сделать другой рипитбл бекграунд абсолютом, пока безуспешно. Может у кого была подобная проблема, буду благодарен за совет

    Asked by rusmn,

    0 votes
    4 answers

  4. Подключение платежных систем

    Здравствуйте. Вопрос такой: я молодой веб-программист. Запустил сайт в интернете, пользователи зарубежем. Пользователей не много, но пользоваться моим функционалом им нравится. Я планирую добавить на сайт несколько новых фич и хочу сделать их платными. Но вот тут проблема, что я в этом к сожалению ничего не смыслю. Подскажите что нужно сделать что бы пользователь зарубежом оплачивал услуги моего сайта, а я дома (в Украине) мог обналичивать эти деньги? Целый день лажу по интернету и только обрывки фраз. Не понятно какую именно систему подключать или лучше все сразу? Что делать дальше после того как деньги пользователя попали на мой аккаунт, в какой-то системе, что бы обнал…

    Asked by xtestprogx,

    0 votes
    4 answers

  5. html+css, JavaScript, MySQL и PHP

    Допустим html+css + JavaScript + MySQL + PHP = 100%. Напишите пожалуйста примерный процент на изучение каждого, как считаете (время, трудность). Например: 25%+25%+25%+25%. (подразумевается до среднего уровня) Лично для меня хочется посмотреть на примерное соотношение, на будущее всё прикинуть))

    Asked by vikusik,

    0 votes
    4 answers

  6. Скроллинг таблицы внутри дива

    Проблема такая: есть таблица, у каждой колонки явно (в теге TD) указана ширина, общая ширина таблицы допустим 800px теперь оборачиваю ее в div с явно указанной шириной 600px и таблица пытается схлопнуться, т.е. колонки уже не реагируют на указанную явно ширину, а приобретают как можно меньшую ширину Вопрос: каким образом сделать так чтобы ширины колонок таблицы сохранились в еньшем по ширине div-е? (т.е. шоб таблица сохранила свои размеры, а в диве появился скролинг) css дива по id: #d {overflow: auto; width: 600px;}

    Asked by seenter,

    0 votes
    4 answers

  7. div с ul, li. не корректн. отображение списка в ие8

    Добрый день. В общем так, сверстал меню, в опере, фф, ie9 отображается отлично, а в ie8 крайняя правая кнопка смещена вниз. ширина блока фиксированная... код прилагается. Уже все перепробывал, что упускаю?? #menu { width: 900px; margin:5px auto; height:30px; } #menu ul { list-style: none outside none; display: inline; } #menu li { background: none repeat scroll 0 0 #F4F4EC; border-bottom: 4px solid red; display: block; float: left; list-style: none outside none; } #menu li a { border-color: #E1E1D3; border-style: solid; border-width: 1px 1px 0; color: #44494F; display: block; float: left; font-size: 13px; …

    Asked by s3p,

    0 votes
    4 answers

  8. Сайт на всю высоту

    Здравствуйте!! Хочу сделать сайт, который бы растягивался по высоте страницы. Имеется разработанный дизайн главной страницы в виде картинки, мне нужно чтоб эта картинка растягивалась по всей высоте и не скрывалась вниз. Подскажите при помощи чего нужно позиционировать сайт. вот пример подобного сайта - leningradspb.ru Подскажите пожалуйста при помощи каких "инструментов" создавался данный сайт или киньте ссылку где бы данная технология описывалась.

    Asked by alokey,

    0 votes
    4 answers

  9. Вопрос по верстке в две колонки

    Здравствуйте, только начинаю изучать верстку возникает много вопросов, например по верстке в две колонки, показали пример <div id="all"> <div id="out"> <div id="right"> </div> </div> <div id="left"> </div> </div> вопрос, вот в чем: для чего будет использоваться <div id="out"> ведь можно просто поменять местами <div id="left"> и <div id="right">, и второму задать маржин, на ширину первого, а первому флоат,подозреваю что это как то связано с фоном но "допетрить" сам не могу, я прощу прощения если вопрос глупый и ответ будет очевидным но опять же повторяюсь я начинающий а спросить не у к…

    Asked by Vasdram,

    0 votes
    4 answers

  10. Таблица, стиль background в теге TH - разрывы

    Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…

    Asked by Bertie,

    0 votes
    4 answers

  11. Несовпадение кодировок

    Здравствуйте! Обращаюсь с абсолютно нуберским вопросом. Просто попробовал воспользоваться шаблоном от htmlbook.ru Суть проблемы состоит в том, что какой бы шаблон я не ставил и не сохранял (с помощью Notepad) в виде одиночного html-файла, у меня не совпадает кодировка. Влад пишет в utf-8, это , пожалуй, самая распространенная на сегодня кодировка. Но при открытии файла в браузере я вижу множество вопросительных знаков всюду, где есть кириллические символы. После повторного открытия файла Notepad-ом даже комментарии становятся в виде вопросов. Что делать?

    Asked by Xelborg,

    0 votes
    4 answers

  12. вылезает background по y

    Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!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" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…

    Asked by alexey_,

    0 votes
    4 answers

  13. Несколько вопросов

    Добрый день! Я хотел бы задать несколько вопросов по вёрстке. 1. Могу ли я в блочной вёрстке (в дивах) применять таблицы? 2. Как верстать макет под КМС Stress Web? Там свои какие-то особенности или что? 3. Аналог 2-ого вопроса, только под DLE.

    Asked by Feers1de,

    0 votes
    4 answers

  14. Шрифт: BebasNeueRegular - Есть ли кириллический аналог?

    Шрифт: BebasNeueRegular - Есть ли кириллический аналог? Демо: joomla16-templates.joomlart.com Заголовки: Categories Quam dolor in nisl eleifend В кириллице совсем уж убого смотрятся (слишком широкие буквы): Есть варианты на какой шрифт можно заменить (слишком широкие буквы)?

    Asked by Mihanja80,

    0 votes
    4 answers

  15. вопросы по notepad++

    В общем поставил себе нотпад++ и пока кроме подстветки синтаксиса, покопался в настройках загрузил плагины для хтмл и текстFX. В настройках текстFX выставил автоматически закрывать скобки и теги, но что-то не пойму как это действует, пишу тег и что дальше делать в душе не парю. На счет сниппетов тоже проблема в использовании. Горячие клавиши основные не мешало бы тоже узнать. Подскажите пожалуйста кто уже действительно парит в нем. и кто использует E-texteditor? говорят что альтернатива маковскому текстмейту, но что-то я поставил, там даже плагины подключить, испытать гемора надо на пару кг.

    Asked by maxsnw,

    0 votes
    4 answers

  16. Интернет-телеканал

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

    Asked by ctpz,

    0 votes
    4 answers

  17. нужно ли при указывании позиционирования фона уточнять "позишн абсолют"?

    Здравствуйте. Подскажите, почему когда я написал стиль body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;}, рисунок почти полностью уползал наверх и я видел только его самый нижний кончик. И только уточнение position:absolute, то есть, полная запись body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;position:absolute;} поставило всё на свои места. Но ведь в http://htmlbook.ru/css/background-position ни слова не сказано, что нужно уточнять - позишн абсолют. Браузер Опера11. Проверял и в Лисе.

    Asked by Serg55,

    0 votes
    4 answers

  18. Как убрать отступ

    Привет всем!) Я решил сверстать ооочень простую страничку для Motd окна cs 1.6 сервера с использованием css и html. Начинаю работать пока что только с html'ом. Для начала на середину сверху я решил добавить изображение с названием сервера (сделанное в фотошопе) и вот собственно в теге <body> решил разместить оный код: <h1 align="center"><img src="images/df.png" alt="DealyFrags"></h1> Изображение выравнялось по середине, но у него имеется отступ от верха. Я не мастер в css и html и даже не пробовал углубленно изучать. Делаю я все сразу же и по учебнику. Или же это изображение выравнивать надо уже в css?

    Asked by Feers1de,

    0 votes
    4 answers

  19. Левый блок ширина в пикселях, а правый резиновый

    Здравствуйте. Такой вопрос. Есть резиновый блок в нём ещё два (один из них не резиновый). Нужно чтоб эти два блока стояли рядом и полностью заполняли основной блок. Дело в том что первый блок имеет постоянную ширину например 100px, второй резиновый. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> #main{ border:3px solid #000; position:relative; width:80%; height:150px; margin:…

    Asked by art.u,

    0 votes
    4 answers

  20. Почему не отображается в IE?

    Вот такой вот код главного дива: main{ background:url(../%D0%A1%D0%B0%D0%B9%D1%82%20%D1%84%D0%B0%D0%B9%D0%BB%D1%8B/background1.jpg); width:960px; height:900px; background-repeat:no-repeat; margin:0 auto; Задача:фиксированная картинка фон для сайта(с добавлением тени,поэтому через див) по середине. Вопрос:в чем проблема отображения в ИЕ?Фаерфокс отображает корректно.А ИЕ не хочет...пробовал разными способами?

    Asked by BupycAP,

    0 votes
    4 answers

  21. ширина изображения

    задача такова: есть картинка: <img src="bg/1.png" id="main-bg"/> и такой вот стиль для нее: #main-bg {width:100%; display:block} .wide #main-bg {width:1092px; display:block} необходимо, чтобы картинка занимала 100% отведенного под нее пространства в <div>, покуда разрешение экрана в ширину не превышает 1300 пикселей (то есть у пользователя экран 4 к 3, "квадратный"). если же экран широкоформатный (в ширину больше 1300), то нужно, чтобы картинка была шириной в 1092 пикселя. для этого в конце боди пишу скрипт: <script type="text/javascript"> function checkWindowSize() { if ( $(window).width() > 1300 ) { $('body').addClass('wide'); } else {…

    Asked by MasterP,

    0 votes
    4 answers

  22. рандомный фон из предложенных

    Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…

    Asked by MasterP,

    0 votes
    4 answers

  23. Позиция текста около checkbox

    Привет всем! Как можно при следующей верстке сделать текст "по центру" от чекбокса? <label><input type="checkbox" value="0" name="choice[0]"> Вариант 1</label> Пробовал прописать label { padding-bottom: 4px; } label input { margin-bottom: -2px; } Сейчас выглядит так: P.S: Попробовал label input {float: left} — работает. Но не хотелось бы делать лишние плавающие элементы.

    Asked by warobushek,

    0 votes
    4 answers

  24. как сделать float?

    один блок: ... menu { padding:8px; float:left; border-right: 1px solid black; width:10%; } ... дальше под ним идет, тоесть вот так: </menu> <section> <div id="bar">{bar}</div> <article> {bar} - адрес где мы находимся, в article - контент section { padding:10px; float:left; } дело в том что когда я вставляю например таблицу она не на весь блок, если в article поставить width:100%; или в table тоже ничего, а если в section то блок будет не справа от меню, а снизу, а если допустим section width поставить 70%, то если блока menu нет, то не 100%, как сделать так чтобы блок был 100% и с меню слева и без меню

    Asked by AquaGen,

    0 votes
    4 answers

  25. Помогите с шапкой сайта

    Помогите разобраться с такой ситуацией. Зараннее благодарю) http://storage7.static.itmages.ru/i/11/0705/h_1309855176_fc935b8cde.jpeg

    Asked by Rambo2045,

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