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. IE7 и border dotted

    Вот такой код: <div style="border: 1px dotted #f00;">sdgsdg</div> В IE7 вместо точек - сплошная линия. Если сделать 2px - то точки появляются, но жирные соответственно. Подскажите, почему не работает для 1px и как это побороть?

    Asked by VJiK,

    0 votes
    29 answers

  2. Поиск части текста в NVU

    Собственно вопрос в теме: как найти в NVU-редакторе неточное совпадение текста (с символами типа *, #...)

    Asked by Joerrigo,

    0 votes
    2 answers

  3. ie6 и z-index

    http://lazio.com.ua/Vpn/second.html Если навестись в главном меню на пункт "Информация" появляется выпадающее меню. Во всех браузерах, как обычно, всё норм, кроме ie6. В нём выпадающее меню "подлазит" под блоки с тарифными планами. Лажево объяснил конечно, но, если кратко, проблема с z-index. Выпадающее меню получается на уровень ниже чем блоки с тарифными планами. {position:relative; z-index:0;} для блоков с тарифами не помогает.

    Asked by od_lazio,

    0 votes
    7 answers

  4. Валидация

    Не могу проверить верстку валидатором. Выдает: Что в переводе Google означает: Подскажите, пожалуйста, что это за ошибка и где ее искать?

    Asked by Mila,

    0 votes
    11 answers

  5. Текст разного размера по одной линии

    Имеем: <ul style="margin: 0; padding: 0; list-style: none;"> <li style="font-size: 11px; float: left;">текст</li> <li style="font-size: 12px; float: left;">текст</li> <li style="font-size: 13px; float: left;">текст</li> <li style="font-size: 14px; float: left;">текст</li> <li style="font-size: 15px; float: left;">текст</li> </ul> Вопрос: Можно ли сделать кроссбраузерно чтобы текст был на одной линии?

    Asked by VJiK,

    0 votes
    6 answers

  6. Помогите найти ошибку

    Всем привет!!! Народ помогите найти ошибку в сайте, в верстке. Все сделал, на моем компе все нормально в IE, Mozilla, Chrome, Opera все проверил. Пришел на работу, то тут косяк, в другом браузере там косяк, а где я в коде ошибся не смог найти. Помогите разобраться ПЛИЗ...... Забыл адрес сайта сказать v-otpusk.com

    Asked by fishpunk,

    0 votes
    12 answers

  7. Карты-изображения+Rollover image

    Здравствуйте ! Можно ли присоеденить Карты-изображения к Rollover image ?

    Asked by Alexey197825,

    0 votes
    1 answer

  8. Не уходит файл через POST запрос

    Возникла неожиданная проблема вообще непонятно из-за чего. Возможно даже это не проблема HTML'a, точнее это точно не его проблема,но всетаки спрошу, вдруг кто сталкивался. Есть форма, multipart/form-data прописан, все вроде правильно, но пост массив не содержит информацию о передаваемом файле. Ячейки с именем logo (<input type=file name=logo>) просто нет. Уже все излазал, хтаксесы проверял...везде смотрел, вообще без понятия что за дела.

    Asked by paShaman,

    0 votes
    13 answers

  9. Подсветка синтаксиса

    Вот попробовал сделать пример кода, на заголовок и на сам код не обращайте внимания. Меня интересует сама подсветка синтаксиса, не раздражает ли она глаз и прочее. И если гавно, то как лучше сделать? Когда делал, смотрел в разных редакторах в том числе и в блокноте++ http://www.greymlelelele.chat.ru/stat.html

    Asked by Yahoo!,

    0 votes
    16 answers

  10. Отступы в % и отрицательные margin

    Возникла проблема с версткой вот такого макета: белое и красное - в % синие и желтое - фиксированно зеленый блок выходит за пределы красного на фиксированную длинну (в px) Проблема в зеленом блоке - если задать ему отрицательный маргин, то в ИЕ6 всё, что за пределами красного блока - не показывается. Подскажите - реально ли такое сверстать? UPDATE Код для примера: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Заголовок страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h…

    Asked by VJiK,

    0 votes
    8 answers

  11. Как в CSS-селекторе учесть пробелы в аттрибутах class и id?

    Есть пример из трех дивов <div id='a1'> a1 </div><br> <div id='a2'> a2 </div><br> <div id='a1 a2'> a1 a2 </div><br> Как должен выглядеть селектор, если требуется обратиться третьему диву, не затрагивая 1-и и 2-й? Такой селектор почем-то не работает .a1 a2

    Asked by freeneutron,

    0 votes
    5 answers

  12. Вывести блоками инфрормацию табличного типа

    Здравствуйте, люди доброй воли. У меня такая проблема. Трехколоночный макет, сделанный по уроку по блочной верстке. Внутри блока #content хотелось бы выводить блоки с картинками и подписями - из БД. Делаю строчку из таких блоков, с float:left, но когда отделяю "строчки" блоком #clear (clear:both), вторая "строчка" моих блоков падает на уровень бока #clear, который отделяет футер от других блоков. Получается, clear:both опускает блок ниже всех всплывающих не только в родительском блоке но и во всем документе? Так же не должно быть... Мне нужно, чтобы вторая "строчка" блоков .ryady следовала сразу за первой, и т.д., а не лежала ниже навигации (#left). Т.е. по сути надо свер…

    Asked by mikebob72,

    0 votes
    4 answers

  13. ie непраильно показывает ширину

    Существует таблица с классом contentpaneopen, в ней ячейка contentheading. Явно задаю ей ширину 740px и не могу понять почему ie7 (наверно и 6 тоже) выдает мне только 700px. В опере и фф все нормально. Помогите пожалуйста. Вот css к этой таблице: table.contentpaneopen { margin: 0px 8px 10px 26px; padding : 0; display : block; } table.contentpaneopen td.contentheading { background : #036 url("../images/content-header-bg.jpg") repeat-x 0px 0px; height : 93px; width : 740px; margin : 0; padding : 0; display : block; position : relative; left:-26px; } table.contentpaneopen td.contentheading a { color : #FFF; font-family : Tahoma, Verdana, sans-serif; text-decoration : none; …

    Asked by Djo,

    0 votes
    5 answers

  14. Уровнять разницу в размере шрифтов

    Ттакой вопрос, можно ли указывать помимо фонт фэмэли, ещё и к каждому шрифту индивидуальный размер. Потому как Калибри и Тахома, оч отличются по размеру, то что на 12 у тахомы - норма, на колибри дико не читаемо. Но и от калибры отказываться не хочется, т.к. он красивый, и уже у половины пользователей наверное есть.

    Asked by daykkin,

    0 votes
    10 answers

  15. Expression в Firefox

    Несколько дней назад благородные и умные местные люди подсказали мне экспрешшн для расчёта высоты дива от родителя. Вот он: height:expression(this.parentNode.offsetHeight-182+'px') Но я обнаружил, что почему-то он не работает в мозиле. что-то можно сделать? (только не говорите о том, что уже можно сделать со мной - и сам уже понял )

    Asked by Raiden-=DM=-,

    0 votes
    12 answers

  16. Не получается таблица.

    Это моя первая таблица. Хочу сделать вот такую таблицу, которая будет "начинена" изображениями: Вот так она должна объединяться: http://i706.photobucket.com/albums/ww68/szr4/tb.gif <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" LANG="ru" XML:LANG="ru" > <HEAD> </HEAD> <TABLE BORDER='1'> <TR> <TD WIDTH='48'></TD> <TD WIDTH='210'></TD> <TD WIDTH='22'></TD> <TD WIDTH='22'></TD> <TD WIDTH='210'></TD> <TD WIDTH='48'>…

    Asked by SCHNITZER,

    0 votes
    21 answers

  17. IE6-7 и position:relative

    В IE6-7 меню наплывает на контент периодически. Если меняю на position:static, то в ИЕ7 все нормально становится, а вот в ИЕ6 меню конечно наплывать перестает, но вот фон задать не удается, подскажите как можно выкрутиться #body .services{ float:left; width:249px; position:relative; margin-left:-265px;} на всекий случай вот сайт Kroxa.com.ua

    Asked by mic_2000,

    0 votes
    13 answers

  18. IE6 PNG

    Для просмотра этого глюка необходим IE6: http://denver.transmagistral.ru/ для слоя с мужиком на картинке отрабатывает правило: <!--[if lt IE 7]> <style> .png { _behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace(…

    Asked by d0ublezer0,

    0 votes
    6 answers

  19. Иконка сайта в окне браузера

    прочла я статью Как добавить собственную иконку сайта в адресную строку и в закладки браузера? решила сделать также. Повторила всё описано. Но почему то работает только в Мазиле. В Опере и IE не работатет. почему так? http://forum.htmlbook.ru/style_images/eleg...icons/icon9.gif

    Asked by qwe!,

    0 votes
    2 answers

  20. Оередность загрузи элементов страницы

    Подскажите пожалуйста, как повлиять на очередность загрузки элементов страницы. Сайт написан с использованием слоев DIV. В центральном слое лежит java скрипт комментариев ( из себя он представляет ссылку <script src="http://домен/comments.js"></script> ). Из-за того что скрипт грузиться с чужого сайта долго, подвисает загрузки остальных элементов страницы. Я хочу чтоб загрузились все элементы, лишь затем скрипт комментариев. Например засунуть скриптв слой и сделать так чтоб слой с скриптом грузился последним. Или есть другие варианты?

    Asked by LBM,

    0 votes
    6 answers

  21. Скачет ширина меню в mozille и opere

    Главное горизонтальное меню разделено на 4 ровные части в IE все ровно в других браузерах ширина меняется ходишь по навигации то шире то уже скачет в общем вот код что поправить <table width="100%" border="0"> <tr><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1"&gt…

    Asked by VanDer,

    0 votes
    10 answers

  22. Верстка блоков

    Всем привет! Помогите разместить этот красный прямоугольник внизу где проблем между серым: http://img686.imageshack.us/img686/2708/80596290.jpg Ниже код с шапки <div id="header"><div id="grekovlogo"><div id="grekovtext"><h2>ГРЕКОВ</h2></div></div><div id="bar"></div></div> #grekovlogo { background-color: #000; width: 207px; height: 84px; float: left; } #grekovtext { padding: 15px 45px; float: left; } #bar { background-color: red; width: 1072px; height: 30px; flot: left; } И пользуясь случаем спрошу, как сделать чтобы выравнивание текста было не grekovtext а сразу например в h1 засунуть или, я недав…

    Asked by Дуня,

    0 votes
    17 answers

  23. Bold шрифт через CSS

    Парни,срочно!В css шаба есть свойства main меню Как сделать,используя его(дописать что-то) , чтобы текст стал boldom ?

    Asked by FASTDEATH,

    0 votes
    8 answers

  24. Перекрытие Flash - проблема

    Проблема в том, что в Opera и Firefox блок с Flash меню блокирует контент, находящийся под ним. Вот пример: http://e-kao.ru/flash-menu Попробуйте выделить текст рядом с меню. Нужно сделать так, чтобы Flash оставался прозрачным, пункты меню раскрывались над контентом, но и сам контент был доступен для клика. В принципе, сам текст не так важен, но когда под блоком с flash находится ссылка и на нее нельзя кликнуть - очень обидно. При этом в IE все отлично работает. И меню активируется и контент доступен. Обыскал весь инет, но не смог найти решения. Может кто уже сталкивался с данной проблемой?

    Asked by Dokea,

    0 votes
    9 answers

  25. Radial+text

    Здравствуйте уважаемые эксперты верстки. Я верстаю страничку анкеты, возник вопрос как сотворить такое: То есть в переключателе текстовое поле. Заранее благодарен.

    Asked by crash,

    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