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. Доступ к DOM в iframe на другом домене. Оба домена мои.

    Добрый день. У меня есть 2 домена. Доступ имею к обоим доменам и серверам. На домене 1 есть iframe, который открывает страницы c поддомена 2. Нужно отследить клик в iframe и получить адрес страницы перехода. Т.е нужно получить доступ к DOM документа в iframe. Собственно, возможно ли это, учитывая что оба домена мои. Пробовал прописывать заголовки X-Frame-Options, но они не очень кроссбраузерные и работают как-то не айс. Может есть еще какие-нибудь способы открыть данные iframe на другом домене?

    Asked by ByKraB,

    0 votes
    1 answer

  2. z-index

    http://cssdeck.com/labs/rekjsz8p Скажите почему не видно текста ?

    Asked by rpmcmerphy,

    0 votes
    3 answers

  3. две картинки в фоне

    здравствуйте, возникла проблема. Есть сайт фиксированной ширины, по центру. У body задан отдельный фон в виде картинки. Мне нужно в правый и в левый верхний углы добавить два изображения (т.е. одно с лева, другое с права). Размеры их маленькие, т.е. соединить в одну проблемотично будет, да и надо учесть, что мониторы могут быть разного размера. Пробовал вставлять грубым методом, т.е. перед дивом с основным контентом вставил два дива, в ксс которых указал одному фон и положение с лева, другому фон и положение с права. Но в итоге блок с контентом опускается на ширину этих картинок, что не совсем то, что должно получиться. как мне решить данную проблему? спасибо за …

    Asked by devid89,

    0 votes
    3 answers

  4. Не могу вставить бхслайдер - слайды сходят с ума

    Пытаюсь создать самый простой слайдер на основе бхслайдера. В каталоге самый первый айтем - кнопка заказать - во всплывающем окне вкладка - фотографии. Почему-то картинки ужимаются в 5 раз и выстраиваются в одну строку (. Уже час бьюсь - не понимаю в чем проблема! http://zverushka.bl.ee Я так посмотрю, если окошко браузера ресайзнуть - слайдер становится нормальным, но почему при загрузке такое все кривое? Может потому что окно изначально скрыто? Надо на открытии слайдер активировать? Вопрос только как получить хоть какой-нибудь ссылку на объект из всплыающего окна? afterLoad fancybox callback передает куррент - но я не могу из него получить ссылку на всплывающее окн…

    Asked by Zverushka,

    0 votes
    10 answers

  5. Как вставить баннер?

    Хотелось бы добавить баннер, как показано на скрине (выделено красным), но не знаю как. Вот код, подскажите, что добавить: <div id="block_1"><div id="slider"> <div class="bannertop"> <div id="bannertop" > <div align="center"> <div class="presentation"> <div id="slider2" class="sliderwrapper"> <div class="contentdiv"><img src="{THEME}/images/1.jpg" name="b1" alt="" /></div> </div> <div id="paginate-slider2" class="pagination"> <a href="#" class="prev"><img…

    Asked by Stripes,

    0 votes
    0 answers

  6. Выравнивание inline-block по ширине в Chrome и Opera

    В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…

    Asked by htmlhtml,

    0 votes
    16 answers

  7. Ошибка с выпадающим меню

    Ребят есть меню http://jsfiddle.net/ при наведении мыши на пункт выпадающего меню оно пропадает, никак не пойму где ошибка

    Asked by Евгений_SB,

    0 votes
    2 answers

  8. Системный масштаб шрифтов и браузеры

    Верстаю сейчас макет, в котором горизонтальное меню забито текстом под завязку. Масштаб шрифтов в винде выставлен в 125%, так как монитор большой, и мне не нравится узенькая панель задач и мизерные значки при 100%. Так вот, в IE и Firefox меню просто разваливается, поскольку эти браузеры принудительно делают шрифт жирным, и пункты меню просто не помещаются по ширине. Радует только Хром и Опера. Для себя в Firefox проблему решил через about:config, как сделать такое в IE не знаю. Как с этим бороться? Ведь у кого-то из пользователей тоже могут быть увеличенные шрифты в системе.

    Asked by Bassline,

    0 votes
    4 answers

  9. Вопрос по <!--[if lte IE 8]>

    У меня вот возник такой вопрос ну допустим подключил я <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->а как теперь с ним работать понять не могу.. в IE переключаю на IE8 делаю правки и не чего не происходит... может что то не так делаю? как он вообще работает? Допустим: У меня есть класс <div id="input"><input type="text" name="test" value="тестовый текст" /></div>я пробовал примерно так, просто прописывал в данную css другие свойства. например: у нас в простой css #input { margin: 5px 5px;}а я прописал в css для IE 8 #input { margin: 1px 4px;}Не подскажете? :-) Заранее благодарю.

    Asked by BSandro,

    0 votes
    17 answers

  10. Убрать отступ для смартфона

    При просмотре многих сайтов на смартфоне (Philips, разрешение - 720x1280) появляются отступ с права от текста в колонке с основным контекстом примеры: Вопрос: откуда берётся этот отступ? и как его убрать? Думаю, если будет ответ на первый вопрос, то со вторым справлюсь.

    Asked by evgeniy71rus,

    0 votes
    7 answers

  11. Проблема с Div и флоатными элементами

    Верстаю собственно страничку, вот код http://jsfiddle.net/Yura/mWNap/ Возникла такая проблема, имеется header content и footer в контенте имеются элементы <ul><li></li></ul> при помощи которых сделано горизонтальное меню естественно эти элементы флоатны. Так вот когда я выставляю для <li> float:left нижняя граница контента приподнимается над <ul> Что бы опустить границу, после ul вставил <div> </div> и присвоил ему clear:both; тогда граница опускается Пожалуйста объясните, почему происходит поднятие границы, ведь насколько я понимаю <ul> находится в <div id="content"> и не должен выходить за его границы. …

    Asked by rango2014,

    0 votes
    19 answers

  12. Вопрос про вёрстку)

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

    Asked by asso,

    0 votes
    1 answer

  13. Проблема со скроллом

    Добрый день. Нужна ваша помощь. Задача: 1. шапка, подвал и правая часть основного контента зафиксированы. Контент должен растягиваться на всю высоту страницы. Скроллиться должна только левая часть контента и полоса прокрутки должна быть только тут. 2. То же, что и в первом пункте, только полоса прокрутки должна быть на всю страницу, а скроллиться лишь левый блок контента. выкладываю, что получилось. Проблема с растягиванием левого контента на всю высоту страницы и нерабочим бегунком. http://codepen.io/anon/pen/KHmGd Большое спасибо за помощь.

    Asked by NatalieZ,

    0 votes
    2 answers

  14. width

    Чем отличается max-width от width, и min-width от width ?

    Asked by rpmcmerphy,

    0 votes
    11 answers

  15. Акустические листы стилей

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

    Asked by skvor,

    0 votes
    16 answers

  16. Вопрос по IE 8

    Есть небольшой вопрос у всех такая полоска в окне браузера IE 8 http://s017.radikal.ru/i424/1311/a1/e2e70d443f9b.png Вот что хотелось бы знать. Еще почему то не как не могу подключить behavior:url(htc/ie-css3.htc);Именно на box-shadow может я что то не так делаю? Еще как можно решить проблему с placeholder="" в input'ах он в IE 10 даже работает как скрипт, просто убирается текст при нажатий на форму. В IE 9 вообще не чего не показывает как и в IE 8 Но так как тег рассчитан от IE 10 и выше, почему он в IE не работает так как надо..

    Asked by BSandro,

    0 votes
    23 answers

  17. Из PSD в HTML,CSS

    Ребята,объясните мне начинающему верстальщику,как сделать из PSD сделать сайт в HTML,CSS . Я понятия не имею как с фотошопа вырезать картики,иконки,текст,и как всё воплотить в HTML. Теоретически понимаю,а вот с чего начать не знаю. http://www.picshare.ru/view/3341745/

    Asked by vitaxastifler,

    0 votes
    21 answers

  18. Проблема со шрифтом

    Здравствуйте, скажите в чем может быть проблема, весь шрифт отображается как -будто он bold, хотя я не указывал этого, а там где указал bold, там он практически не отличается друг от друга?

    Asked by Zahadum,

    0 votes
    2 answers

  19. Как такое сверстать?

    Туплю потихоньку... не могу представить как такое можно заверстать: Это список (<li>) пунктов меню. Думаю что нужен один элемент (типа <span> или <div>) внутри <li>, у него сделать прерывающийся бордер, который повыше, а продолжение бордера уже у <li>, но выходит тоже с прерыванием..., но как это сделать? after, before и border? Мозги уже не варят )

    Asked by rus,

    0 votes
    5 answers

  20. Помоготе реализовать ссылки в ячейках

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

    Asked by RiG,

    0 votes
    2 answers

  21. Если просто нужна адаптивная верстка без макета

    Подскажите, если нужна просто адаптивная верстка без прориосванного под разные разрешения макеты. Какой фреймворк или сетку _лучше_ использовать. Бутстрап или есть, что полегче и попроще (ведь нужна только адаптивность, стили бутстрапа, плагины итп не нужно)?

    Asked by Zverushka,

    0 votes
    15 answers

  22. Ссылка в ячейке таблицы

    Имеется вот такая таблица <table width="100%"> <tr> <td width="15%"><a href="#"><div>←</div></a></td> <td><a href="#">Content</a></td> <td width="15%"><a href="#"><div>→</div></a></td> </tr></table>В правой и левой ячейке стрелки влево и вправо (для листания), по центру картинка (размер изменяется). Необходимо чтобы левая и правая колонки представляли собой ссылки, причем полностью, именно вся ячейка! Растянуть DIV в ячейке у меня не выходит, так как высота ячейки не известна. Вот что я хочу получить, как это можно реализовать?…

    Asked by RiG,

    0 votes
    4 answers

  23. Кнопочки

    Ребята,подскажите как с фотошопа запилить такие кнопки,а то я только изучаю HTML и CSS. http://hostingkartinok.com/show-image.php?id=29816034e703e842a22d46d04e1b5298 Мне интересно каким кодом,что бы когда наводишь на кнопку меняло цвет... Я вот не пойму мне нужно блок добавлять и добавить по верх него ссылку,или вставить как картинку?!

    Asked by vitaxastifler,

    0 votes
    16 answers

  24. Как сделать панель на сайте "Добавить сайт в закладки"

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

    Asked by dsgdshsd,

    0 votes
    2 answers

  25. Эластичное портфолио

    Здравствуйте! Хочу сделать такого же механизма портфолио http://essenza.plusquare.pt/minimal/portfolio/. Чтобы контент растягивался при разных экранах и в одном ряде становилось от 4 до 2 элементов (в зависимости от экрана). Каким способом это можно сделать? Может быть есть готовые плагины jquery или статьи, не могу даже придумать что в запрос в гугле написать.

    Asked by ask0Ld,

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