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. Расположение фото с текстом в ряд

    Всем привет. Подскажите, пожалуйста, как расположить фотографии с текстом в ряд? Как на этом скриншоте: https://dl.dropboxus.../33084185/1.png У меня получается вот так: https://dl.dropboxus.../33084185/3.png Я знаю, что нужно что-то прописать в css, но вот что прописать, что бы поменялось расположение и отступы не знаю. <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width="179" height="109"/> Bolshoy sport 25.06.2013</a> | 19:46 <s1>:</s1> <a href="#"><img alt="" src="http://i2.wp.com/forum.htmlbook.ru/public/style_images/master/profile/default_large.png" width…

    Asked by atatat,

    0 votes
    2 answers

  2. Кнопка со звуком. Помогите!

    Мне надо чтобы по нажатию на кнопку издавался звук, сделать это при помощи CSS, много форумов облазел, но ничего не нашол. Заранее спасибо!

    Asked by Даниил Виттманн,

    0 votes
    0 answers

  3. Помогите! Проблема с меню

    Помогите пожалуйста. Я сделал шаблон на Артистере, там есть вертикальное меню, и у него есть подменюшки. Проблема в том что подменюшки раскрываются только после того как будет счелчок по той странице в которой они расположенны, а нужно чтоб они раскрывались при наведении мыши. В самом артистере нашел пункт где это исправляется но не какого эффекта. Кэши чистил, не помогает. Подскажите где может быть прописанно это условие что подменю открывается только при нажатии, и какой код прописать надо чтоб оно раскрывалось при наведении, вот сайт на котором это происходит. В вертикальном меню нажмите на пункт "Продукция", только после этого можно будет увидеть подпункты. Помогите п…

    Asked by John_Flores,

    0 votes
    1 answer

  4. Bootstrap + search form

    Не могу понять, как в Bootstrap изменить дину поисковой формы. В Друпал + Омега выглядит так: 1. 15 знаков длины 2. Кнопка в одной линии с формой. Включаю библиотеку Bootstrap, и форма приобретает такой вид, Если в настройках блока (модуль Block Class) указать класс span1, то все приобретает такой вид: т.е. размеры блока меняются, но поле ввода, конечно, остается прежним. Как сделать, чтобы с Bootstrap это выглядело как обычно?

    Asked by Леонардо,

    0 votes
    3 answers

  5. Содержание страницы на основе тега h2

    Как можно сделать автоматический вывод в статье чего-то вроде содержания, как в Википедии, чтобы пункты содержания брались из тегов h2 (к примеру) ?

    Asked by kpripper,

    0 votes
    7 answers

  6. Блоки внутри блока и hover на всю ширину основного блока))))

    Всем доброго времени суток господа. Подскажите пжлста как реализовать вот такую идею (постараюсь сформулировать её более менее прилично) Например есть блок, внутрь к нему надо засунуть еще 3 блока, каждый со своей фоновой картинкой и когда наводишь на какой-либо из внутренних блоков он растягивался на ширину основного блока. что-то типа такого) http://itmages.ru/image/view/1170470/dbff566d а так когда наводишь курсор ) http://itmages.ru/image/view/1170464/a15bbcd3

    Asked by CatInTheBread,

    0 votes
    2 answers

  7. Правильные модальные окна (arcticmodal) проблема установки

    Почему в IE не работает когда я сам делаю а скаченный пример - спокойно работает в IE, что делаю не так? Вот полностью html: <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>ГК "Спектр-СБ" :: Системы безопасности, видеонаблюдения и контроля доступа в Самаре - Главная</title> <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="./jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="./jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href=".…

    Asked by xoff,

    0 votes
    1 answer

  8. Нужна небольшая помощь :)

    В общем столкнулся впервые, знаю что решение где-то близко, но найти его не получается. http://jsbin.com/aroquq/1/edit тут должно быть все понятно) Из примера: нужно сделать так чтобы ширина "спанов" была равна их содержимому, но без необходимости ограничивать их ширину т.е если я в html изменю текст, то ширина спанов подстроится под его размер.

    Asked by swandev,

    0 votes
    2 answers

  9. Пустить блоки по 2 зигзагом ?

    Как пустить блоки на css вот так по 2 штуки, в блоке всегда отображаются только 4 блока 2х2 3 и 4 блок должны перенестись на строку ниже, 5 и 4 должны подняться на уровень с 1 и 2 вот такой зигзаг получается, можете подсказать? Разметка вот такой будет <div class="slider"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div>

    Asked by ilyas,

    0 votes
    9 answers

  10. Подскажите методику верстки

    Здравствуйте. Попросили меня друзья сделать им заглушку временную, которая будет им письма отсылать. Форму отправки я им минут за двадцать собрал, а версткой я никогда профессионально не занимался, и есть вопросы как лучше поступить. Макет выглядит вот так: https://dl.dropboxusercontent.com/u/26408101/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82.PNG Я немного знаю css, ну то есть понимаю что такое класс, селектор, блок, отступ итп, но опыта у меня нет, планирую гуглить =) Картинка эта у меня есть в векторе со всеми элементами. У меня основной вопрос, что делать картинками, а что элементами CSS, что запихивать в фон, а что как. В обще у меня не хватает знания техник CSS современных. По…

    Asked by Curaudo,

    0 votes
    1 answer

  11. Разный padding в Firefox и Chrome

    Может, я сошел с ума, но я не понимаю, откуда это берется. Пример. Проблема: Firefox: Chrome: Как видно, в FF высота ссылки на 1px больше. Этот пиксель добавляется сверху. Почему такая разница, откуда берется, как убрать? Спасибо.

    Asked by Artlive,

    0 votes
    13 answers

  12. div в div (pading/marging)

    Доброго времени суток, ситуация такова есть div он width:100% в нем 2 div'a по width:50% и с float;left, в одном из половинчатых div'ов вбиваю еще один див с параметрами width:100%, так вот если я последнему div'у задаю padding или marging к примеру 10px то он заходить на соседний div. Получается 100%+(10px+10px) и за счет этого вылазает, как сделать так чтобы этот отступ вычитывался из 100; последнего div'а? пример: HTML: <div class="main"> <div class="left"> <div class="title">Титул</div> </div> <div class="right">1</div> </div> CSS: .main {width:100%;background:#000;} .left {width:50%;height:100px;ba…

    Asked by Arhidiablo,

    0 votes
    3 answers

  13. подскажите как лучше поступить

    Всем зашедшим добрый вечер!) Подскажите как лучше сверстать данный макет шапки: позиционирование или таблица из div'ов? Если позиционировать, то как лучше выровнить "заголовок", "языковая панель" и "личный кабинет" по-середине, а если таблицей, то как ее сверстать, чтобы объединить строки под логотип(типа rowspan)? Заранее премного благодарен за помощь!)

    Asked by XuLLlHuK,

    0 votes
    4 answers

  14. :hover и меню

    Собственно есть код выпадающего меню, показываю css ul.navi div.mega-content { position: absolute; left: 0; padding: 0; margin: 0; background: #04677F; display: block; float: left; padding: 0 9px 9px 0; } и html <li class="level1 last havechild default"> <a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a> <!-- open mega-content div --> <div class="level2 mega-content"> <div class="mega-content-inner"> <div class="mega-col first one"> <ul class="subnavi level2"><li class="level2 first default"> <a class="level2 first" href="/index.php/in…

    Asked by Struggle,

    0 votes
    5 answers

  15. float:left

    при изменений окна браузера в Firefox, #right флоат заезжает на #out, кто как решает проблему? оба элемеента обязательно должны быть float:left body{ margin: auto; } .container{ margin: auto; width: 400px; } #out{ float: left; width: 100%; margin-right: -30%; } #right{ float: left; width: 30%; background: silver; } #center{ margin: 0 30% 0 0; background: blue; } <div class="container"> <div id="out"> <div id="center">center center center center center center center center</div> </div> <div id="right">right right right right</div> </div>

    Asked by valera,

    0 votes
    2 answers

  16. Верстка на арабском

    Всем добрый день. Столкнулся с проблемой. Необходимо сверстать сайт на арабском языке. Есть Word документ где и содержится вся текстовка "в правильном виде". При вставке в Adobe Dreamweaver текст переворачивается (слева на право - в арабском справа налево). Применил direction:rtl; текста перевернулся как полагается, но вместе с ним и маркеры и всё что только возможно и не возможно. Изменения не коснулись только мета тегов, которые также необходимо сделать в правильной форме. Вот ломаю голову, может кто то знает решение данной проблемы. Заранее благодарен.

    Asked by Jekis,

    0 votes
    1 answer

  17. Помощь с ошибками в верстке

    Всем привет. Настал тот день когда я нарисовал в фотошопе и сверстал таки свой первый макет. В идеале все должно выглядеть (и выглядит кое-где) так: http://browsershots.org/screenshots/9b1cf563736cc1b2763819b16458fbaf Но в старых версиях оперы (те самые которые на движке Presto) все съезжает вниз: http://browsershots.org/screenshots/408c0e7c67800cc296b8528c668197a3 а столь любимый нами IE и древние версии оперы и лисы не отображают границы у блока с контентом (думаю нужен другой способ оформления блока, но не могу найти ничего в гугле) http://browsershots.org/screenshots/81aff0736e7cea81f9ee23fe9307099d Прошу помочь с этими проблемами, заодно если есть время указать на не…

    Asked by 5665tm,

    0 votes
    6 answers

  18. Не открывается модальное окно в IE

    html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…

    Asked by xoff,

    0 votes
    14 answers

  19. убрать верхнюю полосу

    Всем привет, Если зайти на страницу http://oherron.com/backend.php/login и кликнуть на "login" без ввода мейла/пароля то сверху над полем мейла будет выведен серый прямоугольник с ошибкой, но также будет серый прямоугольник сверху страницы - который нужно убрать. Для вывода этой ошибки выводится код <div class="ErrorLine margin"> Enter email and password! </div> с описанием в стилях .ErrorLine{ color:red; margin:0 auto 13px; width:356px; height:20px; background-color:#eeeeee; text-align:center; padding-top:4px; position:relative; top: 260px; left:0px; } Верстка там не моя Все мои попытки убрать верхнюю полосу никчему не привели. На странице только 1 эле…

    Asked by mstdmstd,

    0 votes
    5 answers

  20. float

    как можно сделать, чтобы плаваюший div#center учитывал пустой div#left ? body{ margin: auto; } #left{ float: left; width: 200px; background: yellow; } #center{ float: left; width: 200px; background: #ccc; } <div id="left"></div> <div id="center">center</div>

    Asked by valera,

    0 votes
    3 answers

  21. Проблема отображения background в браузере Opera

    Коллеги, разбираюсь с сайтом, сверстанным на Joomla 2.5. Адрес сайта: http://poctok.by Наткнулся на такую проблему: в браузере Opera не отображается заливка для выпадающего меню. В ФФ, Хроме и ИЕ, все работает корректно, но Опера упорно не хочет показывать фон. При этом наблюдается такой эффект. Если до момента загрузки страницы навести курсор на какой-то элемент меню, то выпадающее меню выглядит так, как нужно. Но после того, как страница полностью загрузилась, при переходе по элементам меню, фон становится прозрачным. Фрагмент CSS, где описаны параметры элементов выпадающего меню, выглядит так: .dj-main li:hover ul.dj-submenu { left: 0; top: 46px; background: #ededed…

    Asked by alex115,

    0 votes
    9 answers

  22. Как подключить PIE.htc

    Доброго времени суток. Подскажите как заставить работать компоненту pie. htc? Если кто не знает эта штуковина заставляет работать css3 в IE версиях ниже 9й. Как сказано на сайте разработчиков кидаю этот файл в корень сайта и в styles.css у нужного элемента прописываю строчку behavior: url(PIE.htc); вот как здесь #sait { background:url(images/sh.jpg) no-repeat ,url(images/h3.gif); behavior: url(PIE.htc); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.

    Asked by Borka,

    0 votes
    15 answers

  23. Страница авторизации!

    Здравствуйте!Нужна помощь начинающему!Моя задача-редактировать дизайн веб-интерфейса локальной программы.Начал со страницы авторизации!Уже многое получается, но не могу разобраться с одной вещью!Ресурс этой самой страницы авторизации Web Form (.aspx) в исходном варианте скомпрессированный т.е сжат(я так думаю) и редактированию практически не подлежит(для меня),поэтому я пересохраняю страницу из браузера в чистом html для удобства редактирования(в таком виде мне понятнее), но из-за этого нарушаются некоторые связи т.е после ввода логина и пароля, кнопка 'вход', которая должна перенаправлять на главную страницу интерфейса перестала работать(при нажатии ничего не происходит)…

    Asked by Makiaveli,

    0 votes
    0 answers

  24. Как убрать отступ в меню на CSS?

    Доброго времени суток, имеется горизонтальное меню на CSS. HTML <div id="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> </ul> </div> CSS /* Menu ———————————————--*/ #menu { height: 40px; list-style: none; background-color: #000000; } #menu li { display: inline-block; float: left; } #menu li a { display: block; line-height: 40px; color: #EEEEEE; padding-left: 10px; padding-right: 10px; } #menu a:hover { background-color: #CCCCCC ; text-shadow: 2px 2px 1px #…

    Asked by Ang,

    0 votes
    6 answers

  25. Проблема с FLOAT, нужен совет!

    Ребята, помогите решить проблему. Недавно начал интересоваться версткой и вопросы возникают чуть-ли не каждый день. Столкнулся с проблемой, которую не могу решить посредством поиска в Google. Суть проблемы: 1) Создаю div без фиксированной высоты. 2) Помещаю в него другие div с некоторым содержимым и задаю им свойство float: left 3) Родительский div при этом, что логично, игнорирует свои "внутренности" из-за вышеописанного свойства и его высота становится равна 0 4) Объекты, находящиеся ниже в разметке документа при этом начинают накладываться поверх div'a из п.1,3 Вопрос: можно ли каким-либо образом заставить родительский div регулировать свою высоту по содержимому, котор…

    Asked by ZNGR,

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