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. Вложенность селекторов в IE

    Страница: seo-focus,ru (заменить запятую на точку!). style.css: seo-focus,ru/wp-content/themes/smartstart/style.css. Введенные мной классы - в конце файла. Не получается применить стили к некоторым элементам, например, div. Хочу применить #layer1 { float: left; width: 420px; height: 200px; padding-right: 50px; margin-bottom: 20px; } #layer2 { float: right; width: 420px; height: 200px; padding-bottom: 20px; } к блокам после "Мы предлагаем": "Раскрутка и продвижение сайтов (SEO)..."(см. по ссылке). В ФФ и Опера всё ОК, а в IE8 стили не применяются, всё плывет. !important не помогает. Также и с остальными элементами (h1, a). P.S. Буду благодарен за инфу или ссылку: что озна…

    Asked by BaseTrap,

    0 votes
    2 answers

  2. Проблема с закруглением и позиционированием меню

    Доброго вечера! Проблема такая. Сделал меню. Для скругления применял CSS3 и хак PIE.htc. Скругление отрабатывает отлично, но ссылки меню не обрезаются почему-то в браузерах (Opera, Chrome, IE, Safari). Для того чтобы не вылазили применил правило overflow:hidden. Но все равно не отрабатывает? Также с размерамибеда. В FF одни а в остальных другие.Хотя использовал сброс стилей. Помогите каким дельным советом Спасибо. Вот ссылка на сам ресурс с версткой, чтобы наглядно можно было посмотреть. http://amp.vetwebs.ru/

    Asked by vetweb,

    0 votes
    2 answers

  3. Поведение img и a при абсолютном позиционировании в IE

    В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…

    Asked by keltanas,

    0 votes
    2 answers

  4. оформление заголовков

    доброго времени суток, уважаемые форумчане! возникла потребность оформления множества заголовков в стиле газетных блоков. так вот вопрос - как это реализовать? можно а тегах <h2> сделать background с точкой и padding слева. поставить position left center, а с другой стороны как? можно несколько бэкграундов - но это не кроссбраузерно. также :after :before использовать - опять же, ие врядли отобразит как положено. посоветуйте решение, как сделать?

    Asked by conformist,

    0 votes
    2 answers

  5. не отображается вебкит в сафари и хром

    Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 8…

    Asked by NikNak,

    0 votes
    2 answers

  6. Баг с "overflow: hidden;" и "border-radius: ;"

    Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…

    Asked by DjTarik,

    0 votes
    2 answers

  7. Проблемы со стилем таблицы в Drupal 7

    Приветствую, гуру верстки! ) Была проблема с таблицей содержащей текст и картинки (никак не хотела выравниваться) Обсуждалась здесь и применительно к спрашиваемой странице - решилась. Однако, с внесенными правками изменились все таблицы на сайте. В разделе цен все скачет Хотя в графическом редакторе выглядит прекрасно На ранее проблемной странице все отлично Так выглядит строка в стилях Сама страница находится по адресу _http://shariki.podarishka.ru/stoimost_uslug

    Asked by Aleramus,

    0 votes
    2 answers

  8. Проблема с z-index во всех браузерах

    Добрый день , не как не могу понять из-за чего пошел такой косяк. не смотря на то, что z-index указан у всех элементов, есть позишен и у подменю он выше , все равно элементы на фильтре выше чем подменю, подскажите в чем проблема. Тут верстка если нужно могу выложить на jsfiddle

    Asked by chiffenok,

    0 votes
    2 answers

  9. Простое меню между горизонтальными линиями

    Нужно сверстать простое меню между двух горизонтальных линий как тут: Использование <hr> вроде как моветон, как ещё возможно линии сделать? Не знаю как правильно называются вертикальные чёрточки между разделами меню, вот их тоже не понятно как сделать, просто с клавиатуры вводить?

    Asked by Alexey_Balu,

    0 votes
    2 answers

  10. Как убрать подсветку вокруг активного элемента формы?

    Доброго всем вечера. Ребят подскажите пожалуйста — как убрать подсветку вокруг активного элемента формы, в браузерах? Спасибо.

    Asked by BigDaddy.,

    0 votes
    2 answers

  11. RSS этого форума

    Привет всем, кто подскажет, как можно получать скриптом данные с RSS ленты этого форума? Если не авторизируешься, то RSS не работает даже в браузере. А как тогда скрипту получить доступ к RSS?

    Asked by webmos,

    0 votes
    2 answers

  12. прозрачность у background-color

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

    Asked by ghrd,

    0 votes
    2 answers

  13. Выровнять по центру nav

    Подскажите плз, что я делаю не так? Нужно выровнять по центру nav. Спасибо! http://jsfiddle.net/d4qgg/

    Asked by JosePerez,

    0 votes
    2 answers

  14. www или без него - проблема

    Попытался несколько месяцев назад избавиться от пережитка прошлого - www. Основное зеркало в Яндексе без WWW. Однако каждый пункт меню выводит страницу с www. Не заморачивался бы. Но посещаемость сайта упала. Хостер говорит, что что-то в скриптах. Но это не так. Там все нормально. Кто-нибудь сталкивался с подобной проблемой? htaccess редактировать?

    Asked by Эдди,

    0 votes
    2 answers

  15. Вопрос по макету

    Всем добрый день. В ветке форума для начинающий нашел ссылку на обучение верстке, там 7 макетов разного уровня сложности. Так вот, вопросы к сожалению появились уже на самом первом. http://divhack.com/downloads/study/1/html/ вот готовый макет. Не могу разобраться с меню. В силу своего минимального опыта в CSS не понимаю как это было сделано. .menu { background: #afafaf; overflow: hidden; } .menu li { float: left; } .menu a { font-size: 18px; text-decoration: none; color: #fff; line-height: 43px; padding: 0 41px; display: block; } .menu li:first-child a { padding: 0 41px 0 44px; } Сам пытался делать меню через отдельный блок и span внутри. Было более менее поня…

    Asked by ikilldog,

    0 votes
    2 answers

  16. @media запросы

    Возникла проблема следующего плана: с помощью media делаю адаптивный макет. собственно, чаще всего вижу использование max-width или min-width, но! media only screen and (max-width: 480px) отказывается работать на устройстве с разрешением 480:854(андроид - хром) (max-width: 854px тоже не воркает). Работает max-device-width. Собственно вопрос, почему? разницу между этими 2мя вещами я понимаю, но ведь в моем случае разрешение и размер области совпадают...или я ошибаюсь?

    Asked by USF,

    0 votes
    2 answers

  17. Теги логической разметки.

    Подскажите, пожалуйста, как обстоят дела с тегами логического форматирования? Есть немало статей, где можно найти разбор отличия между тегами <b>, <i> (которые уже, как я понимаю, не сильно используются, потому как есть CSS) и соответственно <strong> и <em>. Первые – просто визуальное оформление для глаза, а вторые – подсказка для поисковиков, что этот текст "важнее" остального. Если не сильно вдаваться в подробности, то вроде понятно – тексту, выделенному с <em> и <strong> поисковик дает условно "+1 балл внимания". Но, в то же время осталось немало других тегов логического форматирования. Это <cite> (цитаты, названия произведений…

    Asked by Kray Storm,

    0 votes
    2 answers

  18. Резина. Тянем картинку

    Скажите, пожалуйста, есть ли безболезненный способ растянуть такую картинку, шириной 960 пикселей? Макет предполагается как резиновый и все остальное хорошо, кроме этого злополучного блока. Пробовал установить фон цветом, да бы продолжался, но слишком уж большая разница. Может быть это просто-напросто невозможно\ненужно? При повторении по горизонтали тоже возникает полоска-разделитель, что не есть красиво(

    Asked by sjinks,

    0 votes
    2 answers

  19. выравнивание текстов

    научите пожалуйста точно выравнивать по вертикали текст без использования абсолютного позиционирования здесь у .header h1 выравнивание text-align: center. задача в том чтобы правые стороны .header h1 и .header strong упирались в одну вертикаль сейчас выровнено неплохо, но не точно так ка параметры шрифтов зависят от браузера, ОС и т.д. кроме того данные могут быть динамическими

    Asked by cyklop77,

    0 votes
    2 answers

  20. Помогите решить проблему с поиском на сайте

    Здравствуйте, есть такая пробелема с поиском: В активном состоянии появляется некий бордер, который не нужен.. хотя в css естественно его нету, пробовал убрать его вот так: #search .text:active { border:none; } бесполезно Вот поиск не в активном состоянии:

    Asked by sweb27,

    0 votes
    2 answers

  21. Проблема с отображением переменной на экран

    Всем привет! Столкнулся с такой проблемой (но сначала кусочек кода) <?php class returnError { private static $text = "Какой-нибудь текст"; public static function returnCode($code) { echo ($code); } } ?> К этому классу я обращаюсь с другой странички. а именно returnError::returnCode($text); Т.е я пытаюсь передать текст, который должен выйти с echo - как параметр. Но, конечно же, он выводит только имя переменной ($text), но не само значение. Как же мне вывести значение переменной $text?

    Asked by korjik,

    0 votes
    2 answers

  22. Не получается изменить размер DIV

    Не получается изменить размер DIV. HTML: <div id="one"><div><a href="#">1</a></div><div><a href="#">2</a></div><div><a href="#">3</a></div></div> CSS: #one { width: 600px; border: 1px solid grey; font-family: Tahoma, Geneva, sans-serif; font-size:12px; border-bottom: 0; padding: 5px 10px; background: #ccc; } #one div { border: 1px solid grey; text-align: center; width: 25px; height: 25px; padding: 2px; background: #fff; display: inline; } Ни width ни height в "#one div" не действуют. P.s. Это пример.

    Asked by iKNG,

    0 votes
    2 answers

  23. Неправильно отображается сайт в Хроме

    Если в хроме вбить в адресную строку адрес, то сайт с первого раза отображается криво, как будто часть правил цсс не учитывается, при обновлении страницы все ок. В панели отладки показывает что все файлы грузятся ок. Подскажите пожалуйста почему криво отображается с первого раза? http://elcmarket.ru/ спасибо

    Asked by sub_zero,

    0 votes
    2 answers

  24. Проблема div'ов

    Всем привет, зайдите на сайт http://www.webcity.uz через FireFox с FireBugом и наведите курсор на <div id='content'>, Вы увидите что выделится не вся страница(как она должна), а только прямоугольная фигура, т.е как будто все вложенные в него блоки живут своей жизнью, а див контент просто так стоит... а так все работает просто немного смущает что все не на своем месте. Пожалуйста если кто сможет ответить, ответьте

    Asked by lewa_yun,

    0 votes
    2 answers

  25. Идентификация браузера при загрузке страницы

    Доброго времени суток, форумчане. Пишу персональную страничку. Решил что не хочу внедрять различные хаки для IE в таблицы стилей, а лучше сделаю отдельно стиль для IE, а пока что хочу вообще заглушку поставить. Тут же возникла потребность в идентификации браузера при загрузке странички. Нашел много различных решений. Вопрос в том, какой способ идентификации браузера наиболее корректен и прост? Задача даже не столько в получении идентификатора(названия) браузера, сколько в конкретной проверке IE или нет.

    Asked by Feel,

    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