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. Пожалуйста подскажите

    Подскажите, пожалуйста, как сделать переход внутри страницы, т.е. без перехода на другую страницы с помощью закладок. (например как в шапке на сате http://htmlbook.ru/). Т.е. я могу выбрать "Основное", "HTML", "CSS", "Сайт", при этом ниже меняется список, а основное наполнение сайта не меняется. Что за теги, каким свойством css это можно сделать? Заранее спасибо!

    Asked by igorilo,

    0 votes
    6 answers

  2. Количество <header> на одном сайте

    Начал присматриваться к html 5..Возник вопрос.В инете не нашел. Если на одном сайте используется несколько шаблонов(например главная страница один шаблон, внутренние другой и т.п.).Создаю для главной страницы тэг header . В CSS стили прописываю для header.Если в другом шаблоне понадобится данный тэг. У него уже будут свои стили. В <p> тупо можно было брать и менять id или class. А как тут быть??

    Asked by Demon_gms,

    0 votes
    6 answers

  3. Подскажите, как сделать подобное?

    Добрый день. Недавно появилась идея - создать сайт с автоматизированной системой матчей по игре League Of Legends. Существует огромное кол-во подобных сайтов только по КС. Вот примеры http://fragarena.ru/ http://live-cs.ru/ . На них есть модуль для создания миксов/турниров, в принципе есть такой уже готовый для движка livestreet, однако хочется научится делать подобное своими руками. Подскажите пожалуйста какими знаниями нужно обладать для этого? Можно ли это сделать с помощью одного PHP или все обстоит сложнее? Интересуют модуль с кланварами, сообщество и модуль команд. Очень надеюсь на вашу помощь

    Asked by Piley,

    0 votes
    6 answers

  4. Виджеты для коментариев вконтакта и фейсбука

    Вот себе на сайт хочу под каждую статью и видео сделать виджет вк(для русской версии сайта) и виджет фейсбука(для англ).Вот пример такого виджета от вконтакта http://dota2.ru/video/4185-novye-veshhi-14-marta-new-items-14-march/ а вот собственно оффициальное описание и создание такого виджета http://vk.com/developers.php?o=-1&p=Comments . Так вот хотел спросить о некоторых моментах: 1.Добавить такой виджет на сайт стоит денег? 2.Зачем там есть возможность выбрать "Количество комментариев" если всеравно писать их можно сотнями??? пример: http://dota2.ru/video/4202-naviars-art-the-tribute-movie/ 3.Меня в фейсбуке нету,скажите,есть ли там подобная фишка или нету?

    Asked by pudge,

    0 votes
    6 answers

  5. Наследование свойств класса дескрипторами, расположенными вне класса.

    Здравствуйте. В стилях прописано так: ... select, input, textarea, submit {font-size: 13px;} ... #table_small select, input, textarea, submit {font-size: 10px;} В этом случае текст элементов textarea и submit, которые расположены вне id="table_small" присваивается 10 фонт. Если поменять местами строки: ... #table_small select, input, textarea, submit {font-size: 10px;} ... select, input, textarea, submit {font-size: 13px;} все происходит с точностью до наоборот: текст в формах находящихся в <div id="table_small"> ...</div> textarea и submit - 13px. Что интересно, текст в select - ведет себя как и предполагается... Подскажите, как исключить такое "насле…

    Asked by Kapust,

    0 votes
    6 answers

  6. Шрифт A&S Black Swan

    Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.

    Asked by aaron,

    0 votes
    6 answers

  7. Меню отображается в разных браузерах по-разному

    Меню в эксплоэре отображается нормально справа, а в мазиле внизу сайта. Почему так и как это исправить? http://rabota-po-seti.ucoz.ru/ <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <?$META_DESCRIPTION$?> <p><title>Работа по сети</title> <meta name="description" content="Заработок в интернете – самый простой заработок в мире!В наше время благодаря «всемирной паутине» перед каждым человеком открывается безграничный мир, который не должен ограничиваться общение в чате и игрой в онлайн игры. Почему бы не придумать своему времени более рациональное использование, к примеру, заработок в сети Инте…

    Asked by alina9691,

    0 votes
    6 answers

  8. Не отображается страница

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

    Asked by LandRunner,

    0 votes
    6 answers

  9. Не могу избавиться от <link rel='canonical'

    Добрый день не могу избавиться от <link rel='canonical' на трех страницах как это сделать? Страницы находятся на магазине http://wordpress.org/extend/plugins/wp-e-commerce/. На трех страницах вылезли эти <link rel='canonical' 1) http://goprors.ru/buy_gopro-2/action-cameras/gopro-hero-3-black-edition/ 2) http://goprors.ru/buy_gopro-2/action-cameras/gopro-hero-3-silver-edition/ 3) http://goprors.ru/buy_gopro-2/action-cameras/gopro-hero-3-white-edition/ Как можно убрать canonical? Заранее спасибо.

    Asked by Sel-p,

    0 votes
    6 answers

  10. Аномальный отступ справа от футера

    Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center;…

    Asked by Vartigont,

    0 votes
    6 answers

  11. задний фон текста (HTML , CSS )

    Здравствуйте уважаемые форумчани. Помогите пожалуйста разобраться с проблемой так как я новичек и просто уже сил нету искать выход с этой ситуации : Нужно чтобы текст ( или блок текста ) лежал на простеньком фоне.Да так , чтоб фон не выходил за пределы этого текста .Тоисть где текст начался там и фон. Где закончился , там и фон закончился наш. <!DOCTYPE html> <html> <head> <title>Дочерние селекторы</title> <style type="text/css"> .ColorRed{ background: red; } MyBlock{ margin-left : 50px; } </style> </head> <body> <p class = "ColorRed">blablalbalbalba blablabla bla blablalbablablalbalb…

    Asked by mixajuba,

    0 votes
    6 answers

  12. opacity в блоках

    Как сделать что б тег opacity применялся только к родительскому div у а не всем внутренним побывал так не помогло http://jsfiddle.net/2XkmR/

    Asked by volkod,

    0 votes
    6 answers

  13. Блик, не мешающий ссылке

    https://taxi.yandex.ru/?from=morda — при первом посещении этой страницы можно наблюдать модальное окошко, в котором находится слайдер. Он выполнен в виде смартфона. По клику по экрану смартфона или на кружочки справа от него, слайдер будет листаться. Я делаю нечто похожее. И столкнулся с такой проблемой: если делать блик на девайсе в виде png с прозрачной вырубкой (скажем, в виде телефона, в котором прорублено прозрачное окошко с бликом для картинок слайдера) и блок (<div>) с этим девайсом поместить над картинками (при помощи z-index), то ссылки (у каждой картинки в слайдере своя) работать не будут — ну, само собой: ведь png с телефоном наверху лежит. Если же положи…

    Asked by serdeles,

    0 votes
    6 answers

  14. Растягивающийся по вертикали блок

    Добрый день. Вот такой вопрос. Зеленый блок растягивается на высоту страницы. Два голубых блока - фиксированной высоты, между блок, в котором много элементов и вертикальная прокрутка (список). Необходимо, что бы красный блок растягивался и занимал все пространство между синими блоками. Как это сделать? Интересует решение задачи именно на CSS, т.к. делать это через JS - путь к ошибкам и трудностям в будущем. P.S. В идеале, высота голубых блоков неизвестна и может меняться.

    Asked by Odrin,

    0 votes
    6 answers

  15. div верстка меню (в линию таблицей)

    Добрый вечер! Не забрасывайте яблоками, верстаю впервые по самоучителю. Столкнулся со следующей проблемой: пытаюсь сделать меню в хедере над основным контентом. Сайт верстаю в html из под css (я правильно выразился? В html у меня записано следующее: <div id="header"> <div id="logo"> <a href="/"><img src="img/logo.png" class="iePNG" alt="Сайт" /></a> </div> <div id="gor-menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Услуги</a></li> <li><a href="">Отзывы</a></li&g…

    Asked by Sotnya,

    0 votes
    6 answers

  16. Div: обязательно все элементы в него "оборачивать"?

    Недавно осваивать html взялся. В небольшом количестве примеров, которые видел, чекбоксы, кнопки "оборачивают" в div. Это обязательно? Если да, то что будет, если этого не делать или где-нибудь пропустить элемент? В html5 видел учебный пример, там сам текст "оборачивают" в section и article.

    Asked by ручник,

    0 votes
    6 answers

  17. Актуально ли использование em для указания размеров шрифтов?

    Приветствую всех. Наткнулся на хабре на несколько статей, в которых обсуждается, какие единицы измерения использовать при указании размеров шрифтов во время верстки. Прочитал статьи и еще больше запутался)) В одних пишут, что em необходимо для нормального масшатбирования, в других пишут, что браузеры уже умею масштабировать px. В общем, то ли статьи старые, то ли я дурак) Конкретно на данный момет, какие преимущества от использования em вместо px ? Поддержка ie ниже 9 версии не планируется.

    Asked by ByKraB,

    0 votes
    6 answers

  18. Адаптивная вёрстка под iPhone

    Знаю, что глупый вопрос, но как сделать, чтобы на айфоне\айпаде при масштабировании контента он изменялся по ширине, а не оставался фиксированной ширины. Структура представляет из себя блок с шириной 100%, в нём еще 1 блок с шириной 100%, и в нём еще много блоков с шириной 100%, я так понял, что 100% берётся от размера документа. А нужно от размеров области просмотра. <meta name=”viewport” content=”width=320"> не помогает. Заранее спасибо

    Asked by Briss,

    0 votes
    6 answers

  19. верстка нестандартного меню

    Подскажите как сверстать меню ? http://freepsd.com/colourful-wordpress-free-psd-template/ На ум приходит только через карты.

    Asked by cypler,

    0 votes
    6 answers

  20. Правильное выравнивание поля с кнопкой

    Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать краси…

    Asked by IndigoHollow,

    0 votes
    6 answers

  21. Как добавить верхнюю и нижнюю тени?

    Здравствуйте. Пробую на сайте добавить тени сверху и снизу от div с id citation следующим образом: не выходит. Как бы вы поступили? Дать тень выше стоящему div-у плюс добавить еще один обертывающий для задания второй тени? Благодарю

    Asked by borus,

    0 votes
    6 answers

  22. Эффект постепенного осветления фона меню

    Как сделать, чтобы при наведении курсора на главное меню, более светлый красный цвет появлялся не мгновенно, а постепенно, с не большой задержкой? http://prodpak.ru (Мне кажется нужно использовать: псевдоэлемиенты + z-index + JS )

    Asked by Delat,

    0 votes
    6 answers

  23. Масштабирование и центрирование содержимого окна под разрешение клиента

    Здравствуйте. Есть макет. Ширина 1920px. На странице несколько больших фоновых изображений(на всю ширину макета). Область с контентом имеет фиксированную ширину в 960px и отцентрирована(margin: 0 auto). На разрешениях меньше 1920 естественно во-первых, получаем горизонтальную полосу прокрутки, во-вторых, после загрузки страницы ползунок уже сдвинут влево, т.е. пользователь видит сразу левую часть страницы. Как отцентрировать макет даже для малых разрешений, просто обрезая ту часть макета, которая выходит за границы разрешения и не показывая полосу прокрутки, чтобы, например, при масштабировании пользователь смог увидеть и остальное? Может у кого есть под рукой ссылки на п…

    Asked by son6ka,

    0 votes
    6 answers

  24. Дергающиеся fixed элементы

    Сделал недавно сайтик и один пользователь жалуется: Он заходил с браузера Google Chrome под Android. С обычного, встроенного браузера все хорошо. Вот сам сайт: http://ikng-studio.tk/ Никак не могу придумать, как это исправить. Элемент закреплен элементарным

    Asked by iKNG,

    0 votes
    6 answers

  25. расположение меню

    Всем джамбо. Сайт на wp http://osobniak.com/ меню строится справа на лево, а хотелось бы чтобы слева на право или по центру его сделать. Подскажите кто может.

    Asked by CatInTheBread,

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