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. Положение модального окна

    Приветствую! Есть модальное окошко с затемнением. Написано на html+css. <a href="#x" class="overlay" id="win3"></a><div class="popup3">Окошко</div>.popup3 { width: 500px; height: 735px; margin: auto; background: #ffffff; display: block; left: 0; right: 0; position: fixed; top: 0; visibility: hidden; z-index: 10;}.overlay:target+.popup3 { top: 1%; opacity: 1; visibility: visible;}.overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; v…

    Asked by RestWEB,

    0 votes
    2 answers

  2. Исчезновение картинки с border-radius в Mozilla после закрытия fancybox

    Добрый день, есть проблема на сайте gobanner.ru Дело вот в чем, блок - лучшее из портфолио. Он состоит из картинок - кружков. При открытии картинки и закрытии ее кружки исчезают. Но они исчезают только тогда когда открытая картинка перекрывает их. Для теста откройте первую картинку - дом (она сама большая), она перекроет собой или нижний ряд или верхний, соответственно после закрытия ее, этих рядов не будет пока по ним не проведешь мышкой. Проблема исчезает если убрать border-radius или opacity. Или если в файле .js fancybox изменить последнюю строку - position:relative на fixed. Но тогда при открытии картинки верстка будет уходить влево на велечину ползунка. Как исправит…

    Asked by logicface,

    0 votes
    0 answers

  3. Макет страницы

    Всем привет, Мне приходится работать с вордпресом, так небольшие работы, поправить текст, вставить картинки и т.д. Но сейчас возникла неотложная необходимость не просто вставить текст с картинками, а разместить их в определенном порядке. Как на прилагаемой картинке Подскажите, куда копать, какие методы использовать? Спасибо.

    Asked by Alex777-777,

    0 votes
    25 answers

  4. overflow:hidden для непрямоугольного блока

    Здравствуйте. Столкнулся с такой проблемой Скрин в Хроме, ФФ, IE http://prntscr.com/4flbmx Скрин в опере и сафари: http://prntscr.com/4flbki Для цветного закругленного блока установлен overflow:hidden. При этом опера и сафари обрезают белые полосы пунктов меню не так, как хотелось бы. Спасибо.

    Asked by vovka-morkovka,

    0 votes
    15 answers

  5. "Прыгает экран", пустота над заголоком скачет

    Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: ur…

    Asked by master-kyk,

    0 votes
    4 answers

  6. немогу подключить ajax обратного звонка

    Сделал окно и форму обратной связи, отдельно все работает отлично: http://nailart-studio.com/sendmailforms Но только виношу index.html из папки появляються проблемы (пути в хедерах вроде прописал правильно) Ошибка в index.php:

    Asked by NOCaut,

    0 votes
    1 answer

  7. Как тектовому инпуту и текстареа выставить ширину пропоционально родительскому div-у

    Всем привет, подскажите пожалуйста есть форма(div) в классе которой прописана ширина "75%" На форме есть тектовый инпут и текстареа ширину котрых нужно выставить в 90% от этого окна. Если этому тектовому инпуту и текстареа выставить style=" width: 90%", это не работает. Если написать style=" width: 700;" - это работает на моем компе но на мониторах с разным разрешением будет выглядеть иначе. Как это лучше сделать? Форму контейнер менять не хочется - тоогда вся верстка полетит - верстка там не моя Я пхп-разработчик в тонкостях html-я не силен.

    Asked by mstdmstd,

    0 votes
    3 answers

  8. Скрепит картинки

    Здравствуйте. Есть такой код: <a href="#" onclick="document.getElementById('id').style.display='block'; return false;">Кнопка</a><div style="position: absolute;top: 340px;left: 50px; display: none;" id="id"> <img src="images/img.png" class="drag"><a href="#" onclick="document.getElementById('id').style.display='none'; return false;"> <img src="images/hide.png"></a></div> При нажатии на кнопку, появляется картинка img.png, после нажатия на hide.png, она скрывается. Картинку img.png можно перемещать на странице, я бы хотел, чтобы img.png и кнопка "Скрыть" (images/hide.png) перемещались вместе, т.е .как-то скрепились. …

    Asked by Bigeniad,

    0 votes
    3 answers

  9. Веб-программист, верстальщик, а кто еще есть в сфере сайтостроения?

    Хотел в разобраться в этом. Итак, кто такой верстальщик, кто такой веб-программист и кто еще есть под сайтостроение в общем(И поставить на сервер сайт, управлять сайтом, создавать сайт, всякие крутые штуки добавлять). Как я думаю, веб-программист, он работает уже над готовым сайтом, он добавляет различные функции на сайт, и В общем, занимается тем, чтобы сайтом управлять можно было удобно. Верстальщик , просто создает сайт, дизайн для него, В общем придает форму сайта, контент, футер и т.д. Скиньте ссылку или здесь напишите, кто есть кто и чем занимается. И главный мой вопрос: можно ли быть верстальщиком, веб-программистом и т.д. сразу?

    Asked by RuslanHeYca4ev,

    0 votes
    45 answers

  10. Сбились шрифты в хроме

    Всем привет Возникла непонятная проблема. Я купил в интернете макет лэнединга. Подправил под себя - все ок. Тестировал в Хроме и Фаерфоксе. Вчера обнаружил, что Хром стал как-то странно отображать шрифты. Фаерфокс по-прежнему отображает шрифты корректно. В чем может быть проблема? Это Хром (криво): Это фаерфокс (норм): Вот ссылка на сам лэндинг baza.lakv.ru Подскажите пожалуйста, в чем тут дело? Изначально оба браузера отображали все одинаково хорошо.

    Asked by delui,

    0 votes
    4 answers

  11. table - как избавиться от уменьшения ширины таблицы при уменьшении размера родит. элемента?

    Вот ссылка на мой код, где можно всё попробовать: http://jsfiddle.net/KT5TC/1/ Менять ширину элемента можно, наведя мышь на правый его край, далее - зажимаете левую кнопку мыши и меняете размер элемента. 1. Попробуйте уменьшить размер внешнего div (двойная рамка) меньше ширины таблицы - таблица начнёт сжиматься. Тот же эффект Вы достигнете если просто будете уменьшать размер окна браузера. 2. Попробуйте увеличить размер СТОЛБЦА таблицы (хочу менять именно ширину столбцов и чтобы край таблицы при этом менялся автоматически - для таблицы я не задаю WIDTH). Если Вы увеличиваете его так, что край таблицы достигает края внешнего div, то ширина столбца начинает увеличив…

    Asked by eugen35,

    0 votes
    17 answers

  12. PopUp - окно

    добрый вечер, нашел пример PopUp - http://jsfiddle.net/p7NbX/15/ у меня вопрос почему в примере работает, если перенести к себе в нодпад ++, он не работает (копирую все верно!!!) , подскажите в чем может быть причина! я не знаю джава срипт, может в нем кроется подвох. Спасибо..

    Asked by mrfrunze,

    0 votes
    9 answers

  13. CSS: вопрос по разметке блоков

    Какие нужно задать свойства блоку, чтобы он имел фиксированную ширину и произвольную высоту?

    Asked by Zueff,

    0 votes
    2 answers

  14. кто верстает rem-ами и главное ЗАЧЕМ?

    Всем привет народ. Один зак у меня считает что ремы это мегакруто и надо верстать только ими. У кого то еще требовали заки такое? Кто то вообще реально использует их? И в чем смысл кроме необходимости ставить точку? Только не надо мне про принцип работы. Мне реально пользу какую-нить практическую плиз.

    Asked by Dioni$$,

    0 votes
    7 answers

  15. проблемы с позиционированием блока

    <div class="container"> <div class="content"> <div class="menu_2"> <ul> <li><a href=""><img src="img/home.png">Главная</a></li> <li><a href=""><img src="img/stat.png">Рукописи</a></li> <li><a href=""><img src="img/phone.png">Контакты</a></li> <li><a href=""><img src="img/lamp.png">Разработки</a></li> <li><a href=""><img src="img/music.png">Любимая музыка</a></li> </ul> </div> <div class="info"> <p>Главная - Портфолио, Вид новостей</p> </div> &l…

    Asked by Roman_qwe,

    0 votes
    2 answers

  16. не вставляется фон (css)

    Всем привет! помогите! Уже несколько часов угробил, все равно не понимаю почему не получается вставить фон (background-image) в css файле. путь пишу правильно. картинку в упор не читает. но в html файле фон удачно выявляется. В чем может быть проблема? Спасибо за внимание. #home{background-image: url(C:\Users\Администратор\Desktop\scrolling\bg.png) center 0 repeat fixed; min-height: 1200px;height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;} #home article{height: 458;position: absolute;text-align: center;top: 300px;width: 100%;}

    Asked by Георгий123,

    0 votes
    9 answers

  17. before для first-child

    добрый вечер, можно ли для первого элемента задать before ну например так. + 38 067 55 55 5 38 067 55 55 5 38 067 55 55 5 так что бы плюс отображался у первого элемента! span:first-child :befor{content:"+";} Спасибо.

    Asked by mrfrunze,

    0 votes
    3 answers

  18. Ошибка в позиционировании или в z-index, или в overflow?

    Опять злой сафари в мак ос меня бесит.. Что в этом коде не так? Из за чего появляется такая картина когда пытаешься открыть скрытое меню на iPad или в Safari (Mac OS)? Код можно увидеть тут http://jsfiddle.net/bqy66jf0/2/

    Asked by Нарек,

    0 votes
    1 answer

  19. В чем отличие # и . в css?

    Когда писал код в css при изменении знаков с # на . код не переставал работать, но он и наоборот работает для отдельных случаев. В чем их разница и для чего используются?

    Asked by RuslanHeYca4ev,

    0 votes
    36 answers

  20. В чем может быть проблема

    Здравствуйте. Возникла такая проблема: готовую верстку натянули на CMS Bitrix и теперь, когда входишь в админку, получается этакое: и вот такое: Макет был приобретен и написан на HTML5 и CSS3, используется bootstrap. В чем может быть проблема? Буду рад любым советам и откликам

    Asked by Temiks,

    0 votes
    4 answers

  21. Анимация чисел

    Здравствуйте! Подскажите пожалуйста, как реализовать быструю прокрутку чисел от 0 до 100 например. Можно это сделать на css3 или jquery, может уже есть готовый плагин?

    Asked by coolhtml,

    0 votes
    3 answers

  22. Проблема с реализацие элемента.

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

    Asked by Vicos,

    0 votes
    9 answers

  23. Чем заменить на css тип "handheld" в правиле @media?

    Здравствуйте. При создании сайта возникла проблема, в мобильных браузерах (смартфонов и планшетов) он прижимается к левому краю. Было принято решение дополнить шаблон с помощью атрибута @media, однако, как оказалось, современные браузеры на мобильных устройствах не считывают тип "handheld", считая, что для них предназначен обычный тип "screen". Задать необходимые параметры через значение @media screen and (max-device-width:) также не получается из-за того, что современные мобильные устройства имеют разрешение равное стационарным мониторам. Подскажите, как можно решить данную проблему?

    Asked by meigas,

    0 votes
    1 answer

  24. Как работать с pixel perfect?

    Почему у меня никуда не нажимается и ничего не изменяется? Нажимаю на стрелки и ничего не происходит Мозила стоит 31.0 чекбокс под Overlays вообще не реагирует

    Asked by DivMan,

    0 votes
    9 answers

  25. Меню в куче только в Safari

    Приветсвую. Подскажите пожалуйста, что нужно подкрутить. Верхнее меню в Firefox, Chrome, Opera, IE отображается корректно, а в Safari на маке и других яблочных продуктах сбивается в кучу. http://bit.ly/Xy32iv - Ссылка на страничку https://db.tt/hTnyn81n - Скрин с Safari https://db.tt/6GRnJONa - Скрин с Firefox

    Asked by Nasfrow,

    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