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. CSS3 Radio button. Между label и input дополнительный тэг

    Сделал реализацию переключателя таким способом: <!DOCTYPE html> <html> <head> <title>Title of the document</title> <style type="text/css"> input[type="radio"]{ opacity: 0; position: absolute; } input[type="radio"] + label::before{ content: ""; display: inline-block; width: 13px; height: 13px; line-height: 13px; margin: 0 8px 0 0; background: green; vertical-align: middle; } input[type="radio"]:checked + label::before{ background:red; } </style> </head> <body> <form action="" name="form"> <input type="radio" name="test" id="first" value="1" /><…

    Asked by artemhp,

    0 votes
    7 answers

  2. Передать скрытый параметр формы

    У меня на сайте есть скрипт который открывает определенные страницы по адресу вида: <домен>/index.php?catalog/<пункт меню каталога>/<пункт меню каталога>/<пункт меню каталога>/ На сайте необходимо организовать поиск по этому каталогу. Подскажите как можно генерировать ссылки подобного рода из HTML формы.

    Asked by _TyZ_,

    0 votes
    0 answers

  3. Ползет сайт

    Доброго времени суток все участникам форума! У меня возникла проблема после верстки сайта: при увеличении масштаба в браузере Хром, на макете сайта появляются элементы состыковки картинок: Причем при разном увеличении они проявляются в разных местах... Подскажите пожалуйста в чем может быть дело? Если кого-то заинтересует, то исходники сайта я выкладывал тут : http://forum.htmlbook.ru/index.php?showtopic=36877

    Asked by saint_12,

    0 votes
    8 answers

  4. Вопрос новичка по Photoshop

    Здравствуйте. Имеется небольшая проблема. При работе в макете, когда нужно узнать свойства текста, я перехожу в инструмент "Текст". Но когда необходимо подряд узнать свойства теста разных боксов макета, я не могу это сделать. То есть, мне приходится опять переключаться на инструмент "Перемещение", затем снова активировать "Текст" и уже потом выделять текст в боксе. И так каждый раз, до бесконечности. Уверен, что делаю не правильно. Подскажите, как правильно работать? Кажется, не совсем ясно выразил свою мысль, поэтому сделал маленькое видео, показывающее мои "мучения": http://zalil.ru/33654733

    Asked by aaron,

    0 votes
    2 answers

  5. Помогите с таблицей

    Здравствуйте помогите сделать таблицу или что то в этом роде. Должно быть как на картинке. Чтобы я туда мог помешать текст и картинки. Проблема в линиях, не могу сделать так же.

    Asked by Simel,

    0 votes
    4 answers

  6. border-radius и border-collapse

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

    Asked by uteelers5,

    0 votes
    9 answers

  7. Закругление углов с помощью картинок в таблице

    Не получается сделать такую картинку Нужно, чтобы текст внутри был и таблица под него растягивалась. Когда меняю doctype на xhtml, то все работает как надо, но хочется сделать на html4.01. В чем может быть проблема подскажите. Использую такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Рисунок</title> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <table class="pt"> <thead> <tr><td> <table class="pt"> <tr&…

    Asked by Unkrada,

    0 votes
    0 answers

  8. display и position

    Не совсем понимаю как в css правильно, и зачем использовать display и position. Я знаю что свойство display придает элементам свойство блоков и что то в этом роде. А как этим правильно пользоваться не совсем понимаю. Подскажите неплохой материал на эту теме. Спасибо.

    Asked by Simel,

    0 votes
    4 answers

  9. как вставить ссылку

    <menu> <item type="news" title='Сайты' /> <item type="about" title='Доп. услуги' /> <item type="gallery" title='Фото' defaultOpen="yes" /> <item type="swf" title='Видео' url="swf/swfdemo.swf" /> <item type="contact" title='На главную'/>—>вот это нужно сделать ссылкой на главную страницу! Подскажите как? </menu> Это флэшка

    Asked by Apostol87,

    0 votes
    0 answers

  10. Проблемма с рамкой

    Здравствуйте, подскажите пожалуйста как сделать такую рамку. Пока у меня получилось только так Код: <div class="slider_text"> <span>Наличие собственного сервисного центра и квалифицированных специалистов обеспечивает оперативное выполнения наших гарантийных обязательств. Мы предлагаем вам современные компьютеры по цене производителя!</span> </div> CSS: .slider_text span{background:url(images/slider_text.png);padding:0 14px 0 10px;line-height:14px;font-size:16px;}

    Asked by pro100set,

    0 votes
    15 answers

  11. Прыгающие кнопки

    Ребят, выручайте. Вот простейший пример: <!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" xml:lang="en" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <title>test</title> <style> input[type="submit"] { width: 300px; height: 60px; border: 1px solid black; margin: 0 auto; } </style> </head> <body> <div style="background-color:#eee; width:650px; text-align: center;"> <input type="submit" …

    Asked by fr1ar,

    0 votes
    3 answers

  12. Указатель кол-ва просмотров страницы

    Добрый день всем, интересует один вопрос, необходимо на статьи поставить счетчик кол-ва просмотров (пример на скрине), если есть идеи буду примного благодарен!.

    Asked by selebros,

    0 votes
    3 answers

  13. Как правильно сделать

    Задача сделать шапку с растягивающимся изображением на всех экранах. Делаю такую структуру. <div id="header_wrapper"> <div id="header_top"></div> <div id="header_bottom"></div> </div> Допустим в header_top и header_bottom заданы изображения через css, таким образом. background: url(../images/header_top.png) repeat-x; width: 100%; height: 28px; Выходит что у нас изображение растягивается на весь экран,если посмотреть пример сайта http://slando.ru/ , на данном ресурсе шапка растягивается в зависимости от велечены экрана. Однако элементы в шапке расположены по середине и у этого блока задана определенная ширина. От сюда во…

    Asked by Simel,

    0 votes
    2 answers

  14. Расстянуть макет вместе с виджетом.

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

    Asked by dexter,

    0 votes
    2 answers

  15. Полоска между блоками

    У меня возникла белая полоска между блоками header и content. Как убрать данную полоску? body { margin: 0px; padding: 0px; } #wrap { margin: auto; width: 1000px; } #header { height: 200px; background: url(../img/header-background.png) #348016 repeat-x; } #logo { text-align: center; padding-top: 34px; } #content { background-color: #CCCCCC; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> …

    Asked by mastermedia,

    0 votes
    2 answers

  16. BODY не растягивается на высоту контента.

    Всем добрый день! Рассказываю: у меня есть body c градиентом и белый div-блок посередине со всем контентом. Мне нужно, чтобы и градиент и блок всегда были растянуты минимум на 100% по вертикали, а дальше - если много контента. У меня они растягиваются только на высоту окна, а дальше получается неприятная картина. Пока не появляется прокрутка, все выглядит хорошо. Прокрутка есть, но все еще хорошо. Прокручиваем вниз - ничего хорошего. Вот настройки для html, body и того самого белого блока: html {height:100%; background-color:#093d5a} body {height:100%;} .content {background:white; min-height:100%; width:840px; margin:0 auto;}

    Asked by Пирожок,

    0 votes
    4 answers

  17. ol li + table на одном уровне вместе с порядковым номером

    Делаю так: <ol> <li><table style="border: 1px solid red"><tr><td height="100"></table> <li><table style="display: inline-table; border: 1px solid red"><tr><td height="100"></table> </ol> Оба варианта не работают, причём отображается по-разному в IE, FF, Chrome. Нужно, чтобы порядковый номер <li> был на одном уровне с таблицей. Есть простой способ? Может лучше отказаться от <ol> и сделать одной таблицей?

    Asked by Yea,

    0 votes
    2 answers

  18. html5-тэги в xhtml

    не первый месяц верстаю, но до сих пор от стандартов голова кругом. помогите пожалуйста разобраться в таком вопросе как известно в html5 используются новые теги. для того чтобы старые браузеры понимали их применяют яваскрипт. если я объявлю тип документа xhtml, затем яваскриптом научу браузер понимать новые html5-тэги и буду их использовать, то могут ли возникнуть какие-нибудь проблемы? пробовал на готовой вёрстке заменить несколько дивов на новые html5-тэги. кажется ничего не съехало пока. но это ни о чем не говорит...

    Asked by cyklop77,

    0 votes
    8 answers

  19. DIV + SPAN + Firefox

    Здравствуйте! Напоролся на удивительное поведение firefox при размещении элемента внутри DIV. Поскольку тема невероятно избитая, хочу сразу заметить, что мне абсолютно без разницы, как будет выровнен текст по вертикали внутри DIV, главное, чтобы эта конструкция выглядела одинаково во всех браузерах. Итак, имеем браузеры ie 8.0 chrome 21.0 firefox 14.0.1 opera 12.01 простейшую конструкцию: <html> <head> <title></title> <style type="text/css"> div { text-align: center; width: 64px; height: 32px; border: 1px solid black; position: absolute;} span { font-weight: bold; font-size: 20pt; font-family: A…

    Asked by oxid,

    0 votes
    4 answers

  20. Выравнивание по вертикали li без line-height

    Здравствуйте. С помощью гугла я так и не нашёл ответ на свой, вроде бы, распространённый вопрос. В общем как выровнять по вертикали ссылку<a href=""></a>, которая находится в li? line-height и padding отпадают, т.к. ссылка у меня может состоить из 2 строк. А может и из 1. Подскажите, пожалуйста. .

    Asked by prowoke,

    0 votes
    5 answers

  21. не хочет работать @font-face

    Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.

    Asked by panas_dnepr,

    0 votes
    6 answers

  22. Нестандартные динамически фигуры

    Всем привет. В общем есть такая задача, нужно при наведении сделать вот такую вещь Соответственно вставить просто картинкой не получится, растянуть тоже. Кто что посоветует сделать?! Спасибо )

    Asked by MadChild,

    0 votes
    7 answers

  23. Подскажите статьи на один вид верстки

    Здравствуйте. Есть способ верстки, когда составляешь код так, чтобы потом одним кликом можно было изменить его с трехколоночного, на одноколоночный. Делается это, наверное, скриптом, но сама верстка тоже не обычная. Если вы знаете статьи на эту тему, напишите пожалуйста. Изображение. По клику на схему сайт перестраивается или вот так. Был такой шаблон wordpress, давно видел его, который при добавлении нового материала вставлялся произвольно на страницу и все — маленькие, большие материалы смешивались и образовывали такой пазл. Это даже верстка не та, что меняется при изменении размера экрана, не знаю точно. Мне представляется, что нужно много классов стилей и скрипт, ко…

    Asked by panig,

    0 votes
    0 answers

  24. Запись в папку

    У меня на сайте есть создание папки и добавление в неё файлов)))) С созданием папок всё нормуль, а вот с добавление файлов в неё проблемы ))) Вот ошибка Warning: copy(user/fdfdffd/index.php) [function.copy]: failed to open stream: Permission denied in /home/p/primenetting.hut4.ru/WWW/reg.php on line 40 А вот сама строка и все прелижащие к ней)))) if (!mkdir('user/'.$login, 0, true)) { die('Не удалось создать директории...'); } $file="index.php"; $output_file="user/$login/index.php"; if(!copy($file,$output_file)) die("Не могу скопировать файл!");//вот ошибачная строчка

    Asked by shizik,

    0 votes
    10 answers

  25. Не разберу синтаксис

    Здравствуйте, форумчане! Помогите разобраться! Назовите язык, где встречается конструкция ajax.submitform(url, par1, par2), и какие параметры должны быть здесь подставлены. По виду напоминает создание Ajax запросов с помощью jQuery - шаблон $("селектор").load(url,данные,функция) Поправьте, если ошибся. Заранее благодарю.

    Asked by hike,

    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