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. Непонятные вертикальные отступы передед дивом

    Потратил больше часа, на поиск ошибки, но так и не смог найти. Суть в том, что между дивами образуются отпступы по вертикали как будто margin-top: указан. Но на самом деле его нет. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="Детские игровые комплексы"> <META name="keywords" content="Детские игровые комплексы"> <title>Детские игровые комплексы</title> <lin…

    Asked by Воитель,

    0 votes
    7 answers

  2. Обрезается шапка

    У меня обрезается шапка сайта справа, как исправить эту проблему?

    Asked by max400,

    0 votes
    7 answers

  3. Как задать вывод div очередность

    Пдскажите плз как сделать следующее: Есть верстка: <div id=one>Контент первого блока</div> <div id=second>Контент второго блока</div> Нужно отображение получить на сайте: Контент второго блока Контент первого блока Как это сделать слоями, при том что высота второго блока может изменяться Ткните плз ссылкой на пример

    Asked by SKM,

    0 votes
    7 answers

  4. Позиционирование кнопки.

    Сайт на джумле. Установил плагин кнопку "Наверх". Но она отображается в правом нижнем углу браузера. Вот часть кода: <a href="#top" class="backtotop" style="position: fixed; bottom:0px; right:0px;"><><img src="/plugins/content/top.png" alt="scroll back to top" border="0" /> Как можно изменить стиль, чтобы кнопка отображалась в футере сайта или как прописать чтобы позиционирование считалось не от правого угла браузера, а от правого угла рамки сайта?

    Asked by vladmitrich,

    0 votes
    7 answers

  5. Как убрать поле ввода названия файла input type=file?

    Всем привет! Хочу видеть одну кнопку с названием "Загрузить" а не "Обзор...". С этим возникли трудности: 1.Подскажите как убрать поле ввода названия файла который создается тегом <input type="file">? 2.Возможно ли поменять название этой кнопки? value не действует.

    Asked by amelice,

    0 votes
    7 answers

  6. Ссылка экзотической формы (не прямоугольная)

    Доброго времени суток, уважаемые форумчане. Впервые постю в форум на htmlbook. Заранее прошу прощенья, если что-то не так. Поправьте, исправлюсь. Ставлю себе задачу, научиться делать ссылки произвольной формы . Действительно произвольной. При этом хотелось бы уметь отслеживать наведение курсора на ссылку, делать ее активной и т.д. Начну, пожалуй, с треугольников, трапеций и т.д., но в итоге хочу вот такую: (кусок бублика : ) Проблема: не знаю, с чего начинать. Гуглится задача очень тяжело, ибо результаты это геометрия для школьников со словами "ссылка на учебник" . Решение на уровне логики: мне в голову приходят два решения. 1) JavaScript с запрограммированным алгоритмом…

    Asked by Cypher76,

    0 votes
    7 answers

  7. Верхний левый угол

    как сделать картинку, в левом верхнем углу сайта? position: absolute; bottom: 892px; left: 870px; не помогло. он не на верху сайта, а просто в опр. месте, и какая-нить панель загараждает её...помогите))

    Asked by Gotafak,

    0 votes
    7 answers

  8. Расположение в одну строку.

    Добрый вечер. Уже в который раз обращаюсь за вашей помощью. суть проблемы: Есть див: <div> Создать аккаунт войти в ваш аккаунт: ваш e-mail: <form> <input type="text"> </input> пароль <input type="text"> </input> выход </div> Короче все это должно находится в одном диве в одну линию. Какое свойство нужно задать тегу <form> или <input> чтобы они не переходили на другую строку? И какое свойство нужно задать тексту, чтобы он выравнивался относительно середины высоты формы. А то получится, что текст будет чуть ниже формы. Большое спасибо заранее!

    Asked by Sedacove,

    0 votes
    7 answers

  9. Вопрос про текст внутри div'а.

    Доброго времени суток! Подскажите пожалуйста: <div><img ... />Текст</div> - Возможно ли в данном случае сделать стиль для текста через id дива, не трогая при этом img? Заключить Текст в ещё один тег я не могу. Спасибо большое!

    Asked by Arinden,

    0 votes
    7 answers

  10. Защита index.html

    Всем привет! Подскажите, пожалуйста, можно ли защитить свои страницы от копирования кода? Создавая страницы, с огорчением, нахожу их у конкурентов.. Даже картинки один в один .. несерьезно, ведь посетители не знают кто у кого что копирует и подрывается авторитет Спасибо :rolleyes:

    Asked by businka,

    0 votes
    7 answers

  11. Фон в DIV

    help please. не могу разобраться в чем дело: такой код не отображает нужного мне фона в div'е: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>SQpokerinfo</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <div id="container"> <div id="header"> <img id="logo" src="img/logo.jpg" alt="logo"> </div> </div> </body> </html> CSS body { margin: 0px; } #conta…

    Asked by denaswolf,

    0 votes
    7 answers

  12. положение картинки

    Подскажите как можно разместить 2 картинки в ряд, внизу по центру. размер картинок разный, нужно что бы маленькая картинка была расположена по центру большой. макет прикрепил к теме. ах да, img 2 будет как ссылка, нужно что бы она при наведении изменялась

    Asked by atew,

    0 votes
    7 answers

  13. Переход с .html на .php

    Дело в том, что все страницы моего сайта были написаны собственноручно. Но так получается, что нужно менять рубрику новости - и я делаю на каждую страницу... да можно в дримвивере по поиску, но все равно хотел бы сделать include - но вопрос ТИц мой, который достал - не упадет ?: )

    Asked by Select,

    0 votes
    7 answers

  14. Выравнять два блока по высоте

    Друзья, подскажите, пожалуйста, как выравнять два блока по высоте внутри третьего, при условии что первый блок постоянно меняет свою высоту в зависимости от отображаемого контента? Во втором диве контент тоже меняется, но его мало, поэтому высота блока почти всегда одинаковая. Пробовал для второго блока прописать {height: inherit;}, чтобы он наследовал высоту третьего блока (и тогда все было бы как надо), но не помогает. Скрин: http://files.mail.ru/QQMQ1I?t=1 Код: HTML <div class="conc-item"> <div class="conc-info"> // 1-ЫЙ БЛОК <div class="cornerContainer ccLightGreen"> // ВНУТРИ 1-ГО БЛОКА БЛОК С ЗАКРУГЛЕННЫМИ КРАЯМИ <b class…

    Asked by Subcomandante.A,

    0 votes
    7 answers

  15. Вёрстка матриц

    Необходимо как то красиво вывести матрицы вот в такой странице: http://tmin10.net.ru/dm.htm (возможны проблемы с кодировкой и с корявым html кодом) Видно, что матрицы выглядят не квадратными и кривыми, как сделать, чтобы ячейки были равной высоты и ширины в матрице?

    Asked by Tmin10,

    0 votes
    7 answers

  16. Помогите с CSS

    Есть табличка как сделать чтоб border не обрамлялся несколько раз в некоторых местах. <table width="738" cellpadding="0" cellspacing="0" id="img_roul"> <tr> <td width="52"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="90px">0</td> </tr> </table></td> <td width="602"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="30px">3</td> <td width="50px">6</td> <td width="50px">9</td> <td width="50px">12</td> <td width="50px">15&…

    Asked by Kochevnik,

    0 votes
    7 answers

  17. реализация с :after

    Всем здравствуйте После меню мне нужно реализовать border-bottom через after, как этого добиться. Моя реализация такова ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; position: absolute; left: 0; /* Всё вроде нормально, но сам бордер становиться поверх этого меню, а мне надо под*/ } Без absolute ul:after { content: ""; width: 100%; border-bottom: 10px solid #383838; owerflow: hidden; /* Всё вроде нормально, он под меню, но растягивается только под ширину этого меню*/ }

    Asked by radionanet,

    0 votes
    7 answers

  18. Margin (padding) для img

    Добрый вечер. Подскажите пожалуйста, вот такая схема: <ul> <li><span><img /><a></a></span><li> ... <ul> Почему если применять к img или a - margin или padding - смещаются оба элемента и img и a?

    Asked by Arinden,

    0 votes
    7 answers

  19. <video>, <audio>

    Привет. Несколько вопросов к вам: 1. Теги html5 <video> и <audio> воспроизводят только файлы, которые находятся на фтп с сайтом ? Если нет, то как с помощью <video> вставить видео с youtube например ? 2. В макете нарисовано следущее: Задача верстальщика в чем заключается вообще: чисто разметить страницу под вставку видео и проигрывателя или сделать все, таксказать, "под ключ" ? 3. Как быть с тем, что сафари и ie8 не поддерживают этот тег ? Заранее благодарю!

    Asked by lolka84,

    0 votes
    7 answers

  20. Меню верстать одной картинкой или двумя?

    Скажите, как верстать верхнюю строку меню, содержащую и ссылки и поиск? Вырезать их как одну картинку? или отнести ссылки к контенту, а поиск в правую колонку? http://files.mail.ru/6QVOTL?t=1

    Asked by borus,

    0 votes
    7 answers

  21. Выход за рамки фиксированного блока

    Как-то по-дурацки тему назвал, но ничего лучше не придумал Картинка: Ширина страницы — фикс 960, но внутри есть резиновые блоки (на рисунке — сине зелёный блок). Контент этого блока находится в пределах фикса (синяя область), но его фон (зелёная область) продолжается до левого края. Я как-то не соображу никак, как это сделать нормально

    Asked by Gaspode,

    0 votes
    7 answers

  22. Помогите пожалуйчта я навечек с ссылкой в div

    столкнулся с проблемой, я новичек, при использовании div не все ссылки в некоторых браузерах работают корректно, из 8 только 3 появляются ( в опере все работают в гугл хроме несколько... помогите разобратся с кодом, что бы правильно отображал, все перепробовал , мозги кипят, вот он сам код #test0{ position:absolute; top:100px; left:130px; width:160px; height:400px; border-style:solid; border-width:5px; border-color:#EEE9E9; } #test2{ position: relative; bottom:0px; left:0px; border-style:solid; border-width:0px; border-color:#EEE9E9; } #te…

    Asked by memb,

    0 votes
    7 answers

  23. Есть трабл в вёрстке

    Сама вёрстка здесь _bio-logiya.ru Когда заходишь под оперой, то сайт какбы padding-top: 100px; Если обновить, то вернётся на своё прежнее положение. Тоже самое происходит если открыть ссылку с помощью колёсика, тоесть страницу в новой вкладке. В чем может быть проблемы?

    Asked by bayanruby2,

    0 votes
    7 answers

  24. выравнивание блоков(2 в 1)

    Научите как правильно выравнивать блоки. У меня есть блок с черным контуром в который нужно поместить красный и синий блок с растоянием между ними, например 10px Для наглядности есть макет:

    Asked by atew,

    0 votes
    7 answers

  25. overflow: hidden и z-index

    У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?

    Asked by borus,

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