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. курсор влияет на ширину поля

    помогите пожалуйста полонстью скрыть поле поиска здесь после клика по иконке поиска происходит плавное разворачивание и сворачивание поля поиска. проблема в том, что в последей версии opera(для linux) поле поиска никогда не исчезает .вероятно, это происходит из-за ширины курсора, который находится в поле поиска

    Asked by cyklop77,

    0 votes
    4 answers

  2. Вариант расположение меню не перекрывая слои

    Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…

    Asked by Mary_RND,

    0 votes
    4 answers

  3. Резиновая верстка работает, но почему?

    Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 3 колонки: левая фиксированная (width: 300px), центральная и правая резиновая. При этом центральная и правая делит пространство оставшееся от левой колонки между собой в отношении 70% (центр) на 30% (правый). Вчера бился полдня, облазил весь гугл, нашел несколько решений, но они у меня почему-то не работали. Сегодня с утра потыкал самостоятельно и получилось реализовать. Вот код html: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="wrapper"> <div class="left-sidebar"&g…

    Asked by Ota,

    0 votes
    4 answers

  4. SVG

    Решил использовать графику svg и все хорошо работает. Но вот ситуация если браузер свернуть в окно (то есть сделать размер меньше) svg естественно примет нужный размер, но если потом развернуть браузер svg останется с последним размером и это выглядеть ужасно. Может при экспорте в svg есть какие то настройки нужно проставлять. Или как то вставлять по особому.

    Asked by sergei_burg,

    0 votes
    4 answers

  5. Прошу оценки помощи, критики

    Доброго времени суток. Написал для себя такую таблицу https://jsfiddle.net/xv2xmduv/5/ Это сетка, рассчитанная на ширину от 820px. 4, 3, 2 и 1 колонки. Писал сам, ибо разбираться с готовыми решениями не очень люблю. И не люблю когда проект собран из готовых кусков, как Франкеншетйн. Хотя может я и не прав, дело не в этом. Вопросы. 1. Есть ли явные ошибки/недочеты 2. Может что-то можно сделать проще 3. ... Буду рад всем замечаниям - предложениям - уточнениям Заранее благодарен.

    Asked by KosMuxa,

    0 votes
    4 answers

  6. Стрелка в speedbar другого цвета & высота блока

    На форуме стрелки в speedbar'е какого-то другого цвета, не могу исправить, а также левый блок в футере не растягивается автоматически по высоте правого блока. Уже перепробовал height: auto, inherit и 100%. Мне кажется они вообще никогда и нигде не работали

    Asked by iBars,

    0 votes
    4 answers

  7. Разные размеры картинок в слайдере

    Мне непонятно, как принято в мире : картинки заблаговременно подготавливают с одинаковым размером (соотношением сторон) или ожидается, что верстальщик сам подстроит слайдер так, чтобы разные картинки не ломали высоту? Если накидать разных по соотношению сторон картинок в слайдер, то слайдер будет меняться по высоте, поскольку будет подстраиваться под высотку картинки. Пытался сделать второй вариант, но не знаю насколько он хорош. Слайдер занимает всю высоту экрана. Для слишком больших экранов можно поставить ограничение по высоте, также как и для маленьких. Но это скорее хак, чем нормальное решение. Подключать отдельный слайдер не хочется, чтобы не грузить сайт. https:…

    Asked by WhatIsHTML,

    0 votes
    4 answers

  8. Отображение страницы на retina

    Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…

    Asked by babuya,

    0 votes
    4 answers

  9. Блок с повёрнутым на -90 градусов текстом

    Сделал чёрный блок "Результат": Как его выровнять относительно текста? Должно быть так: ссылка на страницу для просмотра кода

    Asked by iBars,

    0 votes
    4 answers

  10. Ограниченая по высоте левая рамка

    <style type="text/css"> .div1, .div2 { display: block; line-height:14px; border: solid gray; border-width: 0 0 0 1px;}.div1 { background-color: #ffcccc; }.div2 { background-color: #fffccc; }</style><div class="div1">текст текст текст текст текст</div><br /><div class="div2">текст текст текст текст текст</div>Задача такая. Есть два блока одинаковой высоты (14). Нужно чтобы у верхнего блока, левая рамка была с регулируемым отступом сверху, т е высота рамки меньше чем у нижнего. При переносе текста рамки растягиваются. Оба дива будут прозрачными без фона; Добавлено через 8 минут Должно работать в IE6-..... есть у меня ещ…

    Asked by sarcus,

    0 votes
    4 answers

  11. Блок div не растягивается в высоту.

    Добрый день! Родительский <div class="content-main"> имеет параметр height: 100%, в него вложены <div class="left"> и <div class="right"> с параметрами height:100%. Но они прижаты к верху и не растягиваются в высоту. index.html style.css

    Asked by GLOCTARR,

    0 votes
    4 answers

  12. Как добиться плавного отображения при transform: rotateY( 180deg )?

    Здравствуйте. Пробую использовать данное правило совместно с transition и псевдоэлементами, но браузеры уж очень коряво рендерят анимацию. Вот результат http://hismith.smartfreelancer.ru/ При наведении на столбец происходит вращение. Кто-нибудь решал уже такую проблему, и если да, то как? Код: .jaluzi { display: flex; flex-direction: row; height: 90%; } .jaluzi__elem { width: 100%; } .jaluzi__elem:hover .jaluzi__column-content { transform: rotateY(180deg); transition: transform 1s; } .jaluzi__column-content { background: linear-gradient(to right, #b2b6bc 0%, #f4f4f5 25%); padding: 85px 0 0; transition: transform 1s; …

    Asked by Sigizmund,

    0 votes
    4 answers

  13. Замена атрибута src у изображения при помощи jQuery

    Доброго вечера, уважаемые! Поставил перед собой задачу: при помощи jQuery заставить картинку сменяться, когда на неё наводят курсор. По факту: заменить атрибут src у img'a с этим изображением. Написал span, содержащий url нового изображения, скрыл его в css. Затем присвоил значение этого span'a функции, и закинул эту функцию в .attr(), где первым значением выбрал 'src'. Получилось так: $(document).ready(function() { $('.content').hover(function() { var newImg = ('#newImg_url').val(); $('#mainImg').attr('src', newImg); }); }); Где .content - блок с изображением, #newImg_url - тот самый span с новым url'ом, #mainImg - основное изоб…

    Asked by kot_Bazilio,

    0 votes
    4 answers

  14. Помогите разрешить проблему с SSI

    Вникаю в SSI - очень нравится мне эта технология! Из тюка страниц можно вынести наружу меню, шапку, подвал и т.д. С меню в SSI очень удобно: меняю в menu.shtml сколько угодно ссылок и всё в момент отображается в страницах. Иначе - в каждой странице нужно менять, а если их много, то... Но вот с какой неожиданностью столкнулся. Вот есть сайт и его началу (корню), как полагается, соответствует index.html - юзер вводит домен.ру - попадает на index.html. И вот сделал я index.shtml, в котором вынес наружу меню: <!--#include file="mainmenu.html"--> Но теперь при клике на Главную выводится... файловое дерево сайта... Если же я просто переименовываю i…

    Asked by Ksanytch,

    0 votes
    4 answers

  15. Как правильно верстать логотип?

    Уважаемые форумчане! Поделитесь, пожалуйста, опытом - как все-таки правильно верстать логотип? Допустим, на курсах мой преподаватель делал так: <strong class="logo"><a href="#">LOGO</a></strong> а затем вешал картинку на фон блока с помощью CSS. Или лучше использовать тег <img>? А если в лого только текст, то я могу его просто стилизовать или все-равно использовать картинку?

    Asked by alejandro13,

    0 votes
    4 answers

  16. Убрать подчеркивание номера телефона в IE

    Обратил внимание, что в браузере internet explorer (edge) все номера телефонов выглядят как ссылки, т.е. подчеркнутые и синим цветом, что совсем не подходит для дизайна сайта. Телефон заключен в теги <p></p>. К тому же даже прописывание text-decoration:none не помогает. Можно ли как-то решить данную проблему? Вот пример страницы: http://t61588bl.bget.ru/demo/1.html

    Asked by AniMekka,

    0 votes
    4 answers

  17. В какую сторону копать для упрощения верстки (макетирование).

    Я в веб-верстки ровно месяц. Так что извините за незнание каких-либо терминов или/и их неправильное употребление. Попытался сделать сайт для себя, т.к. просто учиться на офлайн-файликах немного скучно. И уже сейчас столкнулся с такой проблемой. HTML-файлов в сайте уже штук 10, и каждый раз когда я хочу изменить интерфейс сайта мне приходится последовательно менять его во всех этих 10 файликах. Можно ли как-то оптимизировать этот процесс? Порылся в интернете - есть рекомендации Adobe Dreamweaver CC, но также пишут мол он "отупляет" верстальщика. Какую программу посоветуете для решения этой проблемы? В какую сторону копать?

    Asked by Moles,

    0 votes
    4 answers

  18. проблема с :hover

    Всем привет ! Верстая PSD макет столкнулся с проблемой :hover ,а именно в менюшке.Нужно чтобы пробегая по ссылкам они подсвечивались при помощи :hover .Понимаю что логика вставить a:hover , но при этом варианте ,подсветка только высоты ссылки а мне надо во всю высоту рамки меню поэтому вставил li:hover , но получается фиксированная ширина и поэтому в длинных названиях лишек она обрезается.Как сделать чтобы подсветка охватывала полностью все названия по отдельносьти? И еще как можно это соорудировать напрямую a:link ? Ссылки почему то в jsfiddle поехали вниз впритык рамки https://jsfiddle.net/stvolkilla/0nxzedxz/1/ скриншот

    Asked by esoteric,

    0 votes
    4 answers

  19. fancybox content "под ним"

    Здравствуйте, подскажите пожалуйста, есть ли возможность вынести элементы сайта выше слоя overlay в fancybox В частности http://helios-group.org/1/index.html нужно, чтобы курс валют, выбор языка был активен при открытом fancybox (регистрация, вход или кнопка слева)

    Asked by Vlad_P,

    0 votes
    4 answers

  20. преобразование даты в FF

    помогите пожалуйста разбить строку даты по составляющим пример. в chrome он работает(в консоль выводятся значения), а в firefox он не работает(в консоль выводятся ошибочки)

    Asked by cyklop77,

    0 votes
    4 answers

  21. Наследование стиля дочерними элементами

    Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два div. При наведении на родительский div хочу, чтобы он обводился рамком, для чего использую :hover. Но при наведении на него рамка появляется у дочерних дивов, в зависимости от того, на который наведешь мышкой. Вот код если html <div id="korzina" onclick="location.href='http://"> <div class="korzina_left"></div> <div class="korzina_right"></div> </div> css #korzina{ background-image: url(../images/cart1.png); float: left; top: 20px; position: relative; width: 200px; height: 60px; cursor: pointer…

    Asked by svisch,

    0 votes
    4 answers

  22. Верстка меню "под лифт"

    Добрый день. Подскажите пожалуйста по такому вопросу: Необходимо сверстать меню следующим образом у меня получается такой вариант. Т.е. нет стрелок вверх/вниз.

    Asked by jdk,

    0 votes
    4 answers

  23. как сделать меню резиновым?

    Для резинового сайта надо сделать резиновое меню - меняю ширину экрана, меняется шрифт меню. Увеличиваю ширину экрана - шрифт пропорционально увеличивается Уменьшаю ширину экрана - шрифт пропорционально уменьшается Дайте ссылку где можно почитать или подправьте stile_menu.css - css файлик приложил

    Asked by Alex_,

    0 votes
    4 answers

  24. Чем тестировать верстку под разные разрешения/девайсы без их наличия?

    Столкнулся с проблемой тестирования вёрстки под разные мобильные устройства. То что есть например в инструментах разработчика Google Chrome работает не совсем так как надо. Возьмём например код: <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> </body> </html> и CSS стиль для него: @media screen and (max-width: 1100px) { body{ background:rgba(43,167,,1.00);} } @media screen and (max-width: 640px){ body { background:rgba(213,,3,1.00);} } Цвет фона при ширине меньшей 640px меняется только при ручном измен…

    Asked by BOMS,

    0 votes
    4 answers

  25. Название шрифта google

    Подскажите,а есть ли какой-либо способ изменить название подключаемого шрифта от google. Дело в том, что если на сайте используется несколько шрифтов, и они меняются, нет желания вводить каждый раз название типа "PT Sans condenced" Да, можно использовать Less, а без оного?

    Asked by Vlad_P,

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