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. Помогите с видом меню.

    Всем доброго времени суток! Подскажите плиз, как сделать такой вид кнопки в форме. Заранее спасибо

    Asked by Xalson,

    0 votes
    5 answers

  2. Проблема с line-height

    Возникла проблема с line-height Вот есть шапочка. верстаю Проблема в том что когда вешаю на body line-height он воздействует как margin-top; Вот html разметка <body> <div class="header"> <table class="header-inner"> <tr> <td colspan="3" class="header-menu"> <ul> <li> <a href="#">О компании</a> </li> <li> <a href="#">Доставка и оплата</a> </li> <li> <a href="#">Контакты</a> </li> <li> <a href="#">Помощь</a> </li> </ul> </td> </tr> <tr> <td class="logo-block"> <div class="logo"> </div> </td> &…

    Asked by Hol1killer,

    0 votes
    2 answers

  3. Чертовщина в ie7 background-position

    Можно удалить, ошибочка вышла )...

    Asked by Zverushka,

    0 votes
    2 answers

  4. Вопрос по inputу

    Нубский вопрос, как правильно реализовать такой INPUT? Нужно чтобы введённые данные в строку, были в итоге продублированы в скрытых input-ах. <input type="text" name="blabla1" value="введённый текст должен быть в blabla3"> <input type="hidden" name="blabla2" value=blabla1.value> <input type="hidden" name="blabla3" value=blabla2.value> Этот код конечно неправильный, но смысл желаемого понятен) "Сделай через скрипт" можно не писать, я в HTML только залезть пытаюсь...

    Asked by starterOK,

    0 votes
    7 answers

  5. Выравнивание меню по горизонтали в ие7

    Всем привет. Уже несколько часов пытаюсь выровнять меню по горизонтали в ие7. Для решения проблемы использовал css хак для ие7: *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } В ие7 изменений не произошло, зато в ие8 все стало на свои места . Вот полный код, к сожалению разместить на хостинге пока не могу: /**General**/ * { margin: 0; padding: 0; } img { border: 0; } body { font-family: Arial; background: #f1f1f1; min-width: 960px; } header,nav,section,footer,aside { display: block; height: 1%; } *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } /*…

    Asked by IvanRu08,

    0 votes
    5 answers

  6. Tabe & rd

    Всем привет. Такая проблема: есть таблица с шириной 100% и две ячейки. Нужно, чтобы обе ячейки были фикс. ширины (200px, к примеру). Но фикс. ширину, принимает только первая ячейка, что логично (последняя занимает всю остальную ширину таблицы). Можно ли как-нибудь зафиксить вторую ячейку? P.S. Добавлять в конец 3-ю ячейку - не вариант.

    Asked by SuperJerk,

    0 votes
    6 answers

  7. Выравнивание изображения и текста по центру

    <p class="forimg"> <img src="img/image1.jpg"> <div class="textimg">текст текст текст текст</div> </p> В стилях p.forimg { display: inline; text-align: center; } .textimg { background: #e1e2e6; color: #000000; font-size: 14px; width: 580px; padding: 10px; } Нужно выровнять изображение с текстом под ним, по центру Если в стилях убираю строку (display: inline;) то выравнивание происходит, но текст смещается вниз Как сделать так чтобы и выравнивание происходило и текст прилегал к изображению?

    Asked by gadjet,

    0 votes
    5 answers

  8. Помогите центрировать пункты меню

    Всем привет. Помогите центрировать меню категорий магазина. Выравнивание идет по левому краю, а хотелось бы центрировать их. Центрирование получается, если пункты в одну строчку.

    Asked by krissm8,

    0 votes
    3 answers

  9. Задействовать определённую область

    Здравствуйте, столкнулся с проблемой, что есть формочка (рамочка и внутри нужно вывести информацию). Собственно вот скрин, что бы лечге было понять. http://s2.ipicture.ru/uploads/20130721/oBrmVi5G.jpg Я сделал этот блок под MAIN BOX в диве и эта формочка установлена как задинй фон (background). Как мне сделать так, чтоб информация была только в синей области ? padding ? или как-то по другому, либо не в диве делать а ещё как то?

    Asked by dsasda,

    0 votes
    5 answers

  10. Проблема css только в "Опере"

    Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt…

    Asked by rafaello9,

    0 votes
    0 answers

  11. Задний фон на всю ширину экрана

    Привет всем, уже месяца 2 я занимаюсь версткой и постоянно сталкиваюсь с одной интересной проблемой. Связана она с размещением заднего фон на весь экран. Допустим, имеется блок header, у которого есть задний фон, который должен размещаться на всей ширине экрана пользователя. Но при увеличении масштаба, если прокрутить горизонтальную полосу прокрутки правее, то заднего фона там нет. Вот код http://jsfiddle.net/JscDz/1/ Вот скриншот при масштабе 200% http://s1.ipicture.r...21/og4B1GTR.png Данные способы не работают: 1. left: 0 и right: 0 для блока header 2. width: 100% для блока header Ошибка сохраняется если прописать к заднему фону цвет или же картинку, которой затем пост…

    Asked by tooq,

    0 votes
    6 answers

  12. Координаты в теге AREA и масштабирование картинки-карты

    Задумал для одного сайта сделать картинку-карту, по кликам на которую пользователь может увидеть разные разделы информации. Стал делать примерно так: <img src="menu1.png" usemap="#mymap" style="width: 100%"/> <map id="mymap" name="mymap"> <area shape="rect" coords="32,245,142,265" href="#page1"> <area shape="rect" coords="32,275,142,295" href="#page2"> .... И при этом наткнулся на неприятность: координаты активных областей карты в тегах area задаются абсолютно, а размер картинки-карты может меняться в зависимости от разрешения экрана и размеров окна броузера. Т.е. по какой-то фиксированный размер картинки я координаты подобрать мог…

    Asked by GRIG,

    0 votes
    4 answers

  13. Большое расстояние между list-style-type и текстом

    Проблема решена. Можно удалить тему.

    Asked by askquest22,

    0 votes
    8 answers

  14. Резиновый макет по высоте

    Такая задачка: имеется хедер, контентная часть и футер. Высота ни одного из этих блоков заранее неизвестна. Необходимо получить макет в котором футер, как ему и положено, прижат к низу, контентная часть при этом растягивается на всю доступную ей высоту(т.е. 100%-высота футера-высота хедера). При этом содержимое этих блоков никуда не наезжает, т.е. блоки толкают друг друга. Я примерно представляю как это можно реализовать через Javascript(правда там кажется будет проблемка при изменении высоты окна браузера, поскольку макет по идее не перестроится до перезагрузки страницы, но не пробовал еще), но можно ли еще это как-то реализовать? Кто что посоветует?

    Asked by Vulner,

    0 votes
    2 answers

  15. Слетают стили у select'а

    Здравствуйте! Возникает проблема при работе с select'ом. Стиль select изменен с помощью скриптов. При генерации кода получается следующее: <select class="selectBox" name="PERSONAL_GENDER" style="display: none;"> <option value="">(неизвестно)</option> <option selected="SELECTED" value="M">Мужской</option> <option value="F">Женский</option> </select> <a class="selectBox selectBox-dropdown" style="width: 469px; display: inline-block; -moz-user-select: none;" title="" tabindex="0"> <span class="selectBox-label" style="width: 425px;">Мужской</span> <span class="selectBox-arrow"></span> </a> …

    Asked by Miss_Cherie,

    0 votes
    0 answers

  16. css всплывающее окно с img поверх текущей страницы

    Доброго дня: имеем конструкцию типа: HTML <section id="ph_main" class="ph_main"> <div class="ph_wrapper ph_wrapper_col1"> <div class="ph_scroll"> <ul class="ph_strip"> <li><a style="height: 160px; width: 150px;" href="/IMG/1.jpg" title="Spring1" ><img src="/IMG/icon/1.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/2.jpg" title="Spring2" ><img src="/IMG/icon/2.jpg" /></a></li> <li><a style="height: 160px; width: 150px;" href="/IMG/3.jpg" title="Spring3" ><img src="/IMG/icon/3.jpg" /></a></li> <li><a style="height: 160px; widt…

    Asked by Серый_Ветер,

    0 votes
    12 answers

  17. Какой шрифт у текста в кнопке тега <button>?

    заметил что у кнопки созданной с помощью button забавный шрифт, после того как я не нашёл в стилях параметр отвечающий за шрифт кнопки, понял что он стоит по умолчанию, кто нибудь знает? или знает как узнать?)

    Asked by Mr. Kook,

    0 votes
    2 answers

  18. Подключение favicon.ico, свойства и значения

    На сайте первого канала РФ можно увидеть два подключения фавиконки: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> На некоторых сайтах используют разную конструкцию, а здесь и вовсе две. Что означают значения свойств, какие из них обязательные и как правильно писать в HTML5?

    Asked by Delat,

    0 votes
    2 answers

  19. Создаю свой первый сайт

    http://www.rfclimat.ru/htm/con_calc.htm помогите в написании такого рода калькулятора для своего сайта

    Asked by oren_rebel,

    0 votes
    1 answer

  20. Как воспроизвести сглаживание шрифтов.

    Всем привет. Вот верстаю макет блога. В макете используется шрифт(сглаживание sharp). Вопрос: как повторить это сглаживание в браузере? А то текст по другому смотриться... Заранее спасибо!

    Asked by IvanRu08,

    0 votes
    5 answers

  21. Помогите начинаюшему с созданием сайта

    Здравствуйте моё имя максим я хочу сделать сайт визитку. Имею самые начальные знания HTML и чуть чуть CSS кто поможет подсказать с чего начать, где брать информацию для изучение, и всё для начала создания

    Asked by ogr15,

    0 votes
    3 answers

  22. Padding, margin. Firefox и Chrome делают по разному.

    Первый вопрос сразу же такой: почему в Firefox, чтобы сделать примерно ВИЗУАЛЬНО равные padding'и, нужно ставить разные числовые значения. padding-top: 25px; padding-bottom: 12.5px; Вот как это выглядит. Там можно определять все по border.http://pbrd.co/12SWI4e Вторая штука в том, что Chrome вообще игнорирует все, и ставит какой-то бешеный padding. И не важно будешь ты ему ставить 25px или 12.5px. Вот картинка: http://pbrd.co/12SXWMO Помогите пожалуйста, потому что я в кроссбраузерности вообще не шарю. Вот весь код: HTML: <div class="about"> <p style="color: #d4dde0;"><span style="font-size: 0.9em; color: white; font-weight: 900;font-s…

    Asked by Michael Myers,

    0 votes
    4 answers

  23. Посоветуйте структуру виджета

    Задача: представить текстовые данные в табличном виде. НО. У каждой колонки в таблице должна быть возможность сплюснуться по ширине в 0, даже не сплюснуться, а как бы уехать (т.е должна быть анимция) в сторону (допустим, влево) под соседнюю колонку, спрятаться под нее. И соответственно, все колонки идущие после той, которую мы только что скрыли - подъедут влево и займут ее место, дабы не образовывать дырку в таблице. Что-то я начал приходить к выводу, что верстая все это дело на <table> будет невозможно создать эффект выежания/заежания колонки под близ стоящую колонку. В таблице даже невозможно просто сплюснуть ширину <td> в 0, если в этой ячейке есть контент.…

    Asked by Evkaky,

    0 votes
    7 answers

  24. Скругленные уголки у таблицы

    Как только прописываю таблице border-collapse: collapse перестает работать border-radius у лиюбого элемента таблцы, хоть у table, хоть у <td> Убираю border-collapse: collapse - но тогда появляется геморрой с рамками внутри таблицы, они удваиваются, что в общем-то логично. Как застваить работать border-radius на таблице при border-collapse: collapse?

    Asked by Evkaky,

    0 votes
    1 answer

  25. Как управлять столбцом в таблице?

    Есть простая структура таблицы. Извесно, что я легко могу управлять стилями конкретной строки, допустим, класс навесить на нужный мне <tr> и все. А можно так же лего управлять стилями для конкретного столбца? В таблицах сущность "столбец" не предусмотрена, на сколько я знаю. Вместо него есть сущность "ячейка" (тобишь, <td>) в строке. Если у меня с десятка строк, то прописывать класс в каждом втором <td> каждого <tr> (если мне нужен второй столбец, допустим) как-то не комильфо. Есть выход?

    Asked by Evkaky,

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