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. Как занести чекбоксы в БД

    Имеется форма: <form action="" method="GET"> <input type="checkbox" id="first" class=""> <input type="checkbox" id="second" class=""> <input type="submit"> </form> Подскажите п-ста как записать данные чекбоксов в БД? Т.е. ID отмечено не отмечено.

    Asked by Pumych,

    0 votes
    7 answers

  2. Резиновая верстка DIV-ами

    Здравствуйте, задача чисто теоретическая, просто не дает мне покоя. Существует блок известной ширины и высоты, допустим такой: <div style="height: 500px; width: 200px; background-color: blue; border-right: 3px solid red"></div> справа от него нужно поместить блок который бы занимал все оставшееся пространство справа, изменял ширину при изменении ширины окна, и имел position: relative т.к. в него нужно будет засунуть небольшой блок с position: absolute. Для того чтобы было понятнее, псевдокод может выглядеть так: <div style="height: 500px; width: 200px; float: left; background-color: blue; border-right: 3px solid red"></div> <div style="hei…

    Asked by graf,

    0 votes
    2 answers

  3. Перенос строк по столбцам

    Доброй ночи всем! Возникла проблема переноса пунктов меню по столбцам. Рисунок пояснит подробнее То есть есть некоторый div фиксированной высоты а в нем ссылки например так <div style="height:100px;"> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 3</a> </div> у ссылок представим display:block; так что они расположены в столбик как на картинке. Скажите пожалуйста, можно ли средствами css задать так, что если очередной пункт не помещается в данном столбце, то он переносится в новый стобец (см. рисунок), прич…

    Asked by Artik20003,

    0 votes
    2 answers

  4. Как работает clear:both

    Вот на этом примере хочу понять сабж.. Для чего стоит clear:both у дивов с id "page" "footer", у дива с классом protect?? У дива с классом clear вроде понятно - для слоёв "leftblock" и "rightblock" , но в "rightblock" два зафлоченных слоя и для них почему-то нет clear:both... Почему так??

    Asked by DrStrangeLove,

    0 votes
    1 answer

  5. Проблема с резиновой версткой

    Подскажите, пожалуйста. Есть два блока, соответственно float:right;(left) Они разного размера, условно, первый 200px второй 400px Между ними нужно сделать разделитель, который всегда будет посередине (относительно блоков). Мой вариант верстки, проблема в том, что разделитель перекрывает первый и второй блок. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div class="middle" style="height: 366px;"> <div class="sidebar" id="sideLeft"> <h2>Text1</h2> </div><!-- .sidebar#sideLeft --> <div class="sidebar" id="sideRight"> <h2>Text2</h2> &l…

    Asked by fest,

    0 votes
    1 answer

  6. Резиновая верстка на таблицах

    Подскажите как сделать такой макет сайта как на картинке: Не могу понять, всю голову уже сломал себе этими таблицами На картинке плохо видно, но со всех сторон таблицы должны быть отступы 10%. А значения в высоту 25%,45% и 10% соответсвенно(сверху)При этом footer в высоту = img, а lefter составляет 70% высоты страницы Заранее спасибо!.

    Asked by zer00,

    0 votes
    3 answers

  7. Проблема с динамической высотой в div

    Никак не могу понять, где я так нагрешил, но высота div'а content не становится динамической...а он служит тут как раз еще и фоном надо получить разметку как на картинке красный - content с динамичной высотой желтые - topcon, medcon и botcon соответственно зеленые - это остальные дивчики наполнения есть код <div class="content"> <div class="topcon"> <div id="leftcol"> <div id="logo"> </div> <div id="menu"> <ul id="uno"> <li><a href="#">Новости</a></li> <li><a href="#">Камины</a></li> <li><a href="#">Топки</a></li> &…

    Asked by Small_man,

    0 votes
    0 answers

  8. Смена картинок

    Задача такова: Есть картинка А разрешения 300х300 и рядом превью картинок B,C,D как сделать так что бы при нажатии на картинки B,C,D менялась картинка А. Заранее спасибо.

    Asked by marrone-art,

    0 votes
    3 answers

  9. Помогите, пожалуйста, понять причину некорректного построения таблицы

    Здравствуйте, будьте добры, помогите понять причину такого вот ненормального отображения таблицы браузерами. Вот мой код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body> <table border="1"> <tbody> <tr> <td rowspan="9">+</td> <td rowspan="3" colspan="4" >1-st Юнит</td> </tr> <tr> <td rowspan="2">2-nd -</td> <td rowspan="2">-</td> <td rowspan="2">-</td> <td rowspan="2">…

    Asked by caligula,

    0 votes
    4 answers

  10. Возможно ли такое поведение элементов?

    Элементы (Скажем, с display: inline-block) располагаются внутри своего родителя горизонтально (построчно, не знаю как ещё назвать); т.е. формируют одну строку, не поместившиеся по ширине элементы попадают в следующую, и т.д. (Пример: http://jsfiddle.net/bR6ya/2/) Меня интересует, можно ли без скриптов и плясок с бубном реализовать такое поведение, чтобы элементы располагались вертикально, т.е. по столбцам? Я имею в виду, элементы формируют столбец, не поместившиеся по высоте попадают в следующий, и т.д. Если я не совсем ясно изложил, то вот иллюстрация на эту тему: Я просто не могу поверить, что такое нельзя реализовать стандартными средствами css; однако ни гугление, ни…

    Asked by Frankie,

    0 votes
    5 answers

  11. Слайдер

    Привет всем , хочу обратится за помощью народ подскажите пожалуйста как можно сделать вот такой вот слайдер тоесть такая черненькая горизонтальная полоса прокрутки , и во время нажатия на картинку , она увеличивает свой размер. с jquery я не знаком , занимаюсь только внедрением уже готовых javascript в вёрстку. Очень надеюсь на вашу помощь Спасибо заранее.

    Asked by MaferoK,

    0 votes
    10 answers

  12. Помогите идентифицировать баг IE6

    приветствую, понадобилось тут сверстать макет, обычный трёхколоночный макет (в данном случае классический Holy Grail) с колонками одинаковой высоты и резиной в столбце контента, при компановке колонок по схеме 2-1-3 (контент - 2я колонка, идёт в коде первой, сайдбары - после неё, но потом позиционируются и т.д.). Всё разумеется отлично работает в браузерах, кроме IE6 (IE 7 рендерит правильно), для которого я сам так и не смог подобрать хака самостоятельно. Исходник для повторения (copy-paste ready): <!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"…

    Asked by alb,

    0 votes
    5 answers

  13. Помогите с версткой

    Добрый день всем,помогите сверстать сайт,суть такова:надо сделать так чтобы рисунки 1 и 2 были всегда в верху по углам,рисунки 3 и 4 в низу, при любом формате мониторе(тоесть резиновый шаблон),потом рисунки 5 и 6 должны не репитится, а только должна репитится розовая полоска(рисунок просто разбил на 3 части левую, центральную и правую,чтобы рипитилась только центральная часть).После по горизонтали тоже розовая полоска должная рипитится в низ, и рисунок анологичный что в верхней части контента но только в нижней под цифрами 7 и 8.И самое главное как сделать что бы инфа была поферх этих этих всех рисунков.Тоесть начало информации было в верхней части контента а потом на цен…

    Asked by czp,

    0 votes
    4 answers

  14. рейтинги +1/-1

    На многих сайтах для статей, комментариев и даже на форумах есть кнопки +1/-1 или нравится/не нравится. Это влияет как-то допустим на ту же выдачу поиска по сайту, если будет найдено две подходящие темы, но в одном случае будет +300, а во втором +2, то значит первая тема будет стоять первой в выдаче? Или это просто делается для красоты, чтобы было видно активность пользователей которым лениво писать коммент и проще поставить +1/-1?

    Asked by Slyfox,

    0 votes
    8 answers

  15. IE bug

    Здравствуйте, возник вопрос по IE багам.Искал у всезнающего гугля ,он паршивец не нашел ничего. Есть ли у IE 7,6 баг с position absolute, когда он не прижат по умолчанию у левому краю а ведет себе так как блочный? И второй вопрос по background-position в IE6 если применяеш к спрайтам ведет себя не так как хотелось бы?

    Asked by Mr.Black,

    0 votes
    3 answers

  16. www.forum.htmlbook.ru

    При вводе к примеру www.htmlbook.ru сайт работает, а если ввожу дословно www.forum.htmlbook.ru, то "Невозможно найти удаленный сервер". хотя введя просто forum.htmlbook.ru форум работает. Вопрос что, где, как, почему, дайте почитать? Дело в каком-то файле прописать типо .htacess подобие редиректа? p.s. заметил случайно когда зашел из opera mobile 10 версии, которая автоматически доставляет на новой открытой вкладке www., сколько людей возможно ломилось так.

    Asked by Slyfox,

    0 votes
    3 answers

  17. Градиентная тень

    Доброе время суток всем! Собственно, мой первый пост здесь) Хочу сделать вот что-то вроде этого, но без использования картинки. Проблема в том, что там тень получается "градиентной". Не могу найти решения, как это сделать (и возможно ли?) средствами css

    Asked by Hahn_Solo,

    0 votes
    5 answers

  18. Денвер из под VirtualBox

    Всем приветище! Ситуация следующая: на компе установлен Денвер и Win 7 + поставил VirtualBox сэмулировав Win XP Professional SP3. Как мне заставить VirtualBox видеть проекты Денвера и запускать странички из под него?

    Asked by Torm,

    0 votes
    9 answers

  19. Меню, список ul, j, обтекание

    Всем доброго вечера. Ребят столкнулся с такой проблемой, возможно она примитивна, но все же хочу узнать совета знающих людей. имеется меню тип список ul. Наглядный макет HTML код. <ul> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> </li> <li> <div class="image_menu"><img src="путь" /></div> <div class="link_menu"><a href="#">Link</a></div> &l…

    Asked by Rasel,

    0 votes
    4 answers

  20. переход на html5

    в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?

    Asked by Slyfox,

    0 votes
    6 answers

  21. Вопрос про высоту элемента

    Собственно, есть вот такой фидл: http://jsfiddle.net/74VxY/3/ И к нему вопрос: Почему у элементов <a> по бокам высота равна высоте строки, хотя я выставил у них height: 100%? Как растянуть их по высоте на весь родительский div, не прибегая к установке высоты в пикселях?

    Asked by Frankie,

    0 votes
    5 answers

  22. Помогите

    нужно сверстать вот такой блок портфолио! заказчик хочет чтобы эти картинки были кликабельные, чтобы в последствии их можно было заменить. Проблема в том что я не знаю как к этому делу подступить, с какой стороны. Там еще тень общая и рамки общие.. Получается нужно вырезать отдельно тени со всех сторон, сами картинки и потом накладывать их друг на друга чтобы была рамка в 1пиксель? или както по другому можно это сделать?

    Asked by CheJo,

    0 votes
    13 answers

  23. Растягивающийся фон

    Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру. Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся. Вот код из CSS #header { background-image: url(logo.png); } Как сделать что-бы он растягивался, а не дублировался?

    Asked by zer00,

    0 votes
    4 answers

  24. float ячеек таблицы в ie7

    Пытаюсь встроить содержимое одного из канала youtube на сайт с помощью гугловского же видеобара. http://www.google.com/uds/solutions/wizards/videobar.html В настройках можно установить вертикальную и горизонтальную ориентацию бара. Скрипт выводит картинки с ссылками на видео в однострочной таблице (при горизонтальной ориентации бара), в каждой ячейке по изображению. Однако мне нужно было устроить что-то по типу видео галлереи: чтоб все не влезающие в строку ячейки переносились на следующую. Попробовал так сделать: для бара установил горизонтальную ориентацию, а так же, чтоб он выводил все видеозаписи канала, а не последние четыре. В стилях ячеек таблицы поставил float: l…

    Asked by Adlaran,

    0 votes
    3 answers

  25. SVG и Opera 11

    На странице http://emacsformacosx.com/ пример, как можно использовать векторный SVG на странице. Все мануалы и статьи по верстке SVG ведут на этот пример. (вообще тут прочитал про SVG: http://habrahabr.ru/blogs/svg/82649/) Он отлично открывается и в FF 3, 4 и в Opera 11, и в Chrome 11. Но, когда я весь исходный код страницы скопировал и выложил у себя на хостинге получилось вот что: http://www.ddvhouse.ru/svg.htm В FF всё работает, в Chrome пропал фоновый градиент, а в Opera вообще ничего не работает. По крайней мере, у меня так. У вас тоже? Может кто-нибудь объяснить почему так произошло?

    Asked by ddvhouse,

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