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. Проблема с валидацией в <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

    Всем привет вот столкнулся с проблемой хочу поставить на сайт фото галерею,но дело в том что она не проходит валидность и выдаёт ошибку на закрывающем теге. Подскажите как исправить такую ошибку? Вот часть кода с ошибкой: <div class="imageElement"> <!-- Название--> <h3>Картинка 2</h3> <!--Описание--> <p>Описание 2</p> <!-- Ссылка на большое изображение--> <a href="gallery/gallery_index/images/big2.jpg" title="open image" class="open" target="_blank"></a> <!-- Ссылка на среднее изображение--> <img src="gallery/gallery_index/images/middle2.jpg" class="full" /> <!-- Ссылка на миниатюру--> <img …

    Asked by vadimcucherencko,

    0 votes
    5 answers

  2. Ссылка коверкает код!

    Добрый всем день/утро/вечер ! У меня вновь возникла проблема. В общем зайдите на сайт: Не реклама! Добавил ссылку после описания для приложения "Wormix", ссылка исковеркала все! А хочу чтобы было так: Вот само описание: <h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p> <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p> <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p> <p>За 1 ход Вы д…

    Asked by ice72,

    0 votes
    19 answers

  3. Неправильные размеры <div> в chrome

    В FF и IE нормально отображает Спасибо помогло

    Asked by Seretyr,

    0 votes
    1 answer

  4. Позиционирование div при слоев: z-index

    Доброго времени суток! Возникла следующая ситуация: Необходимо расположить несколько div, которые в свою очередь, в процессе работы будут изменять свой размер в зависимости от контента в одну линию, на слою выше, чем подложка. Приведу пример: <div class="id_1" style="position:relative; z-index:1; height:20px; width:400px;"></div> <div class="id_2" style="position:relative; z-index:2; margin-top:-20px; height:20px; width:100px;"> <div class="id_2_1" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_2" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_3" s…

    Asked by MaxXxaM,

    0 votes
    8 answers

  5. Резиновое меню списком внутри DIV

    Есть DIV, резиновый Внутри него должно быть меню, из 5ти элементов, каждый по 20% соответственно. Когда ставлю 20 - менюшка уезжает за ДИВ, тоесть считает 20% от всего окна. Как её заставить встраиваться в див? Наверно какие-то параметры display надо прописать, но пока не понимаю. <!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>Документ без названия</title> <style> #hmenu { z-index:1; height: 50px; background:red; margin-left: 2…

    Asked by Kolik,

    0 votes
    13 answers

  6. выделение изображением при наведении

    Здравствуйте! Ребятушки такая вот дума! CODE <div class="class"> <div class="class2"> <a href="#"><img src= "images.png"></a> </div> </div> — CSS .class { height: 146px; width: 147px; margin: 5px; } .class2 { height: 146px; width: 147px; } .class2 :hover { background-image: url(select.png); height: 146px; width: 147px; } — Надо что бы изображение "выделитель" при наведение было с верху основного изображения, как сделать подскажите, если не трудно!

    Asked by Roomas,

    0 votes
    9 answers

  7. Розовая полоса

    Как сделать чтоб розовая полоса не переходила на другую строку, а чтоб было слева желтое на 35%, а справа все заполнялось розовой полосой? <!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=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <!--<link href="style.css" rel="stylesheet" type="text/css"> --> <style type="text/css"> body,html{ margin:0px; padding:0px; } #header {width:60%; background-color:#CCFFCC; text-align:center; margin:0px auto;} #left{width:35%; background-color:#FFF…

    Asked by romantik2011,

    0 votes
    3 answers

  8. float: left в резиновом div в ie6

    Как в IE6 сделать так, что бы внешний div по высоте был резиновый, если внутри которого div с float left ? Вот пример: http://local-schillerfan.vws.com.ua/tools/makeup/field_blocks_lite.html Dj всех браузерах отлично работает, кроме ie6

    Asked by VIRUS,

    0 votes
    0 answers

  9. Применение <area ... nohref>

    Вот код: <td> <img src="circle_example.png" usemap="#circle_example"> <map name="circle_example"> <area shape="circle" coords="150,150,50" nohref title="Неактивная область"> <area shape="circle" coords="150,150,100" title="Нажмите" href="http://www.google.ru" target="_blank"> </map> </td> Проблема в том, что не работает верхняя фигура с nohref. Функционирует нижний большой круг. Ситуация не меняется при смене порядка фигур. Спасибо!

    Asked by Тишина,

    0 votes
    5 answers

  10. закругление углов средствами CSS HTML

    Задача: Закругление углов у картинки средствами CSS-HTML Что есть: Есть картинки разных размеров, которые загружаются в статью. Ньюансы: 1. Картинки разных размеров 2. Хотелось бы в див вставлять тег а не бекграундом 3. Некоторые картинки являются ссылками. Те решения что я наш?л: 1. http://www.phpground.ru/forum/post-46.html. Делаем РОдительский див ставим ему размер изображения, ставим ему в бэкграунд само изображение. Внутри этого дива ещ? один див, с кусочками по углам. 2. Что бы как то сделать что бы можно было по фотографии кудато переходить прийд?тся воспользоваться онклик при нажати на дивный блок 3. Пример просто картинки с угалками http://recode…

    Asked by Powerslave,

    0 votes
    61 answers

  11. Верстка div'ами

    Добрый день, Прочитал самоучитель по HTML данного сайта, но не нашел информации по верстке div'ами. Если я не ошибаюсь, то сейчас только ее и используют. Посвятите по данному вопросу / скиньте инфу плс

    Asked by fedotxxl,

    0 votes
    2 answers

  12. Резиновый правый sidebar в Safari и Chrome

    Здравствуйте, не получается кроссбраузерно сделать резиновый правый sidebar в Chrome и Safari. Проблема в том, что если ставлю для правого sidebar: margin-left: 250px; (ширина левого 250px; float: left;) то правый тянеться не до конца. Когда использую хак для IE6 и только в нем для правого sidebar ставлю margin-left: 250px, то все ок. Но хочется без хака. Вот пример бага: http://local-schillerfan.vws.com.ua/tools/makeup/makeup.html Цель, без хаков сделать кроссбраузерно валидно резиновый правый sidebar до конца экрана. Мучаюсь уже второй день.

    Asked by VIRUS,

    0 votes
    0 answers

  13. Позиционирование

    Здравствуйте Хочу сделать так чтобы меню выходило за рамки таблицы. Примерно вот так.. Само меню запихано в див, как выравнить див по центру ровненько, чтоб как через margin:0 auto;? #nav1{ width:700px; z-index:2; position:absolute; top:30%; left:450px; } вот так пытался добиться желаемого, но так не выравнить автоматически и при изменении размера окна браузера он все равно останется на том месте и будет ужас...) какие есть пути решения?

    Asked by Dumle,

    0 votes
    7 answers

  14. Проблема с @font-face

    Пытаюсь подключить нестандартный шрифт через @font-face. Если html, css файлы и шрифты лежат в одной папке, то отображается все везде как надо. Если файл со стилями и шрифты раскладываю по разным папкам (пути естественно тоже меняю), то Мазила всех версий перестает видеть этот шрифт. В чем может быть проблема? Или что я делаю не правильно? <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="../Css/test.css"> </head> <body> <h3>Etiam porta sem malesuada magna mollis euismod</h3> <p>Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vesti…

    Asked by Dinow,

    0 votes
    6 answers

  15. Проблема с версткой...

    width:auto работает только с div-ами у которых position:absolute? хотелось бы резиновые div-ы выравнивать с помощью float:left, возможно ли это?

    Asked by AngelofDem,

    0 votes
    20 answers

  16. Проблемы при сжатии окна, контент ездит в боки а фикс блоки на месте.

    Получил такую проблему при верстке. Дизайн задумка была такова, есть дизайнерские блоки для оформления верхний и нижний, они на странице не движутся, движется только текст по середине между ними. Текст обрамлен и рамки сливаются с нижним и верхним блоками. Даный текст при наличии боковой полосы прокрутки, прячется под верний блок и выежает с нижнего (если текста много). Я посадил верхний и нижний блоки через position: fixed отцетрировав по горизонтале и они всегда в цетре страницы как и текст. Текст при этом в блоке с display: table чтобы фон и рамки контента всегда был на всю высоту страницы и сливались с верхним и нижним блоком. Но вот при сжатии окна браузера менее 10…

    Asked by Mugen,

    0 votes
    4 answers

  17. asp.net

    Мой сайт (http://www.au-to.ru) использует обработчик формы на php, который запускает на сервере exe-файл с помощью коменды exec("")... До сих пор с хостингом было все ОК, но сейчас приходится менять... Но новом хостинге (если не выбирать выделенный сервер - дорого) запуск exe-файл не возможен из php. Требуется asp.net. Попробовал почитать... но получается слишком объемно (+ инсталяция программ, сервера...) Может кто-то может помочь с asp.net в этой ситуации?

    Asked by rootv,

    0 votes
    2 answers

  18. Pixel Perfect

    помогите пожалуйста добраться до Pixel Perfect в FF. я установил это расширение, а как начать работать не пойму. ищу в web developere - нет, ищу в firebug тоже не вижу, на панелях нету значка.

    Asked by cyklop77,

    0 votes
    2 answers

  19. Не получается сделать div блок по верх остальных

    Помогите со стилями, у меня один див блок не выходит за третий по вложенности блок. вот его стиль /*display: none;*/ z-index:100; padding: 10px; border: 1px solid #AEAEAE; position: absolute; background-color: #ffffff; color: #0B79A2; margin-left:-1px;

    Asked by frost18,

    0 votes
    3 answers

  20. Свой шрифт в CSS

    В общем, нужно подключить свой шрифт на сайт, шрифт гостовский какой-то, GOST type A, так вот я в первый раз столкнулся с тем что не работает @font-face 8( я уже и так и сяк пробовал - не срабатывает шрифт(понять легко у него особое написание букв) вот кусок CSS: @font-face { font-family: "GOST type A"; src : url("http://xxx/css/GOST type A.ttf"); } //путь до ttf верный - если вставить в браузер - предлагает скачать шрифт //пробовал все возможные варианты, и относительные ссылки и абсолютные и без кд //путь до ttf верный - если вставить в браузер - предлагает //скачать писать - ничего не срабатывает //файл с шрифтом тоже пробовал называть по разному ——— body{ font-si…

    Asked by to_kill,

    0 votes
    5 answers

  21. Бесплатные он-лайн курсы

    В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …

    Asked by Viktorius,

    0 votes
    22 answers

  22. Как изменить ссылки локального сайта ?

    Как перед загрузкой на хостинг изменить ссылки локального сайта на те, которые должны быть в действительности ?

    Asked by kpripper,

    0 votes
    3 answers

  23. Подскажите пожалуйста как лучше...

    Доброго времени дня! Подскажите пожалуйста как лучше выполнить в css фон хэдера. Подумал, что если картинкой, то слишком тяжёлая страница получится и однопиксельную картинку рипитить по оси в данном случае то же никак... Как быть?) P.S. На полосу под лого не обращайте внимание. Она отойдёт к лого.

    Asked by Un1x,

    0 votes
    2 answers

  24. перенаправление пользователей ie67

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

    Asked by cyklop77,

    0 votes
    2 answers

  25. Полностью поползла верстка в новой Opera 11.11

    Я сейчас делаю сайт на основе одного шаблона и я заметил, что в браузере Опера после обновления до версии 11.10 все слайды на главной и верхнее меню поползло, сайт полностью вышел из строя. В чем причина? Кто в курсе изменений в новой версии? Хочу заметить остальные браузеры его отлично отображают и опера версии 11.01 в их числе! Вот этот шаблон: http://www.bambootheme.com/showcase/feb09/

    Asked by skiph,

    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