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. Вёрстка 3 блоков

    Доброго времени суток! Имеется 3 горизонтальных блока Первый и последний имеет заданную ширину, второй - резиновую ( в процентах) Проблема: когда меняешь разрешение, то 3 блок налезает на второй, как это можно устранить? Пример к чему стремлюсь, главная страница майл . ру , а именно блок с новостями по середине, когда меняешь разрешение сужается именно он, остальные остаются на месте. Заранее благодарю.

    Asked by GanulArtem,

    0 votes
    5 answers

  2. [css] Как повторять картинку

    Добрый вечер. Имеется картинка (треугольник), как мне повторять ей по всей длине экрана, чтобы получился зиг-заг. Собираюсь наложить на картинку, чтобы между шапкой и телом сайта был какой-нибудь переход. Заранее спасибо! P.S.: Само места стыка шапки и тела сайта.

    Asked by gromanev,

    0 votes
    8 answers

  3. Как реализовать выбор элемента из списка

    Вот для примера код списка: <form id="myform" > <select id="mymenu" > <option value="http://site1.ru">Москва</option> <option value="http://site2.ru">Питер</option> <option value="http://site3.ru">Владивосток</option> <option value="http://site4.ru">...</option> </select> <input type="button" value="Go" onclick="window.location= document.forms[0].mymenu.options[document.forms[0].mymenu.selectedIndex].value"> </form> Данная форма при выборе из списка элемента и клике по кнопке открывает сайт выбранного города. Если список будет очень большой (около 2000 городов) можно ли пер…

    Asked by alleclf,

    0 votes
    3 answers

  4. редактирование шаблона wordpress

    можно такой вопрос. у меня есть шаблон для вордпресс. я его редактирую немного. и страница разбита на три колонки. подскажите какие теги найти в style.css чтобы оставить только две колонки

    Asked by Александр1993,

    0 votes
    1 answer

  5. jquery добавляет к body zoom: 1;

    Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">

    Asked by Маленьке Звірятко,

    0 votes
    4 answers

  6. Вапрос по css конструкциям

    Здравствуйте! Сразу прошу прощения если данная тема уже обсуждалось на форуме. Поиском пользовался не нашел ответа. И честно говоря даже не представляю как задать вопрос правильно. Проблема в следующем, есть следующие css конструкции: .my_class [color=#ff0000]>[/color] a { различные свойства}[/indent] [indent=1]#my_id:cheked [color=#ff0000]~[/color] .my_class_2{ свойства}[/indent] [indent=1]#my_id: [color=#ff0000]+[/color] a { свойства} скажите что делают ">" "~" "+" данные символы в этих конструкциях или направте где про них можно почитать.

    Asked by vaskes,

    0 votes
    4 answers

  7. Помогите пожалуйста!

    Ввожу в документ изображение картинки: <img src="image/alarm.jpg" width="307" height="450" alt="Будильник"> Вместо изображение на сайте белай рамка с текстом в рамке "Будильник" Что делать подскажите как сделать чтобы отображалась картинка?

    Asked by ConquX,

    0 votes
    2 answers

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

    Подскажите как установить шрифт Arial Regular ? selection-studio.ru/wp - вот там снизу Теги и Антресоль

    Asked by Select,

    0 votes
    10 answers

  9. margin-top(margin-bottom) в процентах от высоты родителя

    Сама проблема отступов в процентах появилась из-за резиновой верстки. Все мы знаем о способах привязки футтера к низу, вот я пользуюсь таким способом: <body> <div id="wrapper"> <div id="head"></div> <div id="content" ></div> <div class="footer-push"></div> </div> <div id="footer" > </div><!-- footer --> </body> * { margin: 0; padding: 0; } html, body, #wrapper { height: 100%; width: 100%; } #wrapper{ margin-bottom: -100px; } #head { width: 100%; height: 100px; } #content { width: 100%; height: 400px; } .footer-push { width: 100%; height: 100px; } #footer { width: 100%; height: 100px; } Но…

    Asked by dmitriydrachov,

    0 votes
    1 answer

  10. Выравнивание текста

    Привет. Столкнулся с такой проблемой. Текст выводиться не ровно, цифры ниже. Как выровнять? Подскажите.

    Asked by cosmen,

    0 votes
    5 answers

  11. \"Слово\" - как убрать слеш

    Слова в кавычках из формы обратной связи приходят на email обрамленные слешами. Как этого избежать?

    Asked by apexis,

    0 votes
    2 answers

  12. opacity на <img> в FF

    http://jsfiddle.net/xuztA/14/ — наводим, даёмся диву. Причём картинка, насколько я вижу размер не меняет, т.е. как-то внутри себя дёргается что ли. Подскажите кто-нибудь, что за ерунда. А самое главное чем это возможно исправить… только FF по-моему UPD: ответ наден. Баг. Решается добавлением фона

    Asked by alexandr_v-vich,

    0 votes
    0 answers

  13. Построчный перенос пунктов меню

    Впервые попала на проект с серьезным адаптивным дизайном, и спросить на проекте не у кого. Задача: обычное меню. При больших разрешениях выводится в одну строку, каждый пункт меню однострочный. При среднем размере экрана каждый из пунктов меню должен стать двухстрочным (т.е. не пункты переносятся на вторую строку, а каждый пункт сам по себе в 2 строки начинает располагаться). Вот набросала костяк: http://jsfiddle.net/8cSLF/ Немного игралась с white-space - не вышло. По идее, можно указать ширину для каждого пункта меню, и тогда текст автоматически будет переноситься в его границах, но все пункты разные, и эта идея кажется какой-то "костыльной". Вспомнила, что есть таблицы…

    Asked by caprella,

    0 votes
    4 answers

  14. Ограничение длины строки посредством CSS

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

    Asked by gromanev,

    0 votes
    1 answer

  15. Фиксированный градиент при масштабировании страницы

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

    Asked by Feel,

    0 votes
    0 answers

  16. Как убрать элемент, но не его содержание

    Есть кусочек странички <div class="wrap"> <div class="one"> <div class="in"></div> <div class="in2"></div> </div> <div class="two"> <div class="in"></div> <div class="in2"></div> </div> <div class="three"> <div class="in"></div> <div class="in2"></div> </div> </div> через jquery я хочу скрыть элементы one, two и three $(".wrap div").css("display", "none"); но вместе с этими элементами скрываются также in и in2, а этого не нужно. Как скрыть только .wrap div и не давать in и in2 такого же оформления?

    Asked by T@NKIST,

    0 votes
    1 answer

  17. Помогите найти ошибку

    ак

    Asked by Ne-Vasha-Natasha,

    0 votes
    1 answer

  18. Аналитика: yandex vs google

    С недавнего времени (как стал делать сайты для своих нужд), задумался о целесообразности Яндекс метрики или гугловой аналитики. Насколько знаю они довольно не однозначно проводят свои измерения, и наблюдал довольно большие расхождения в данных. Только потому что Яндекс все же роднее, начал пользоваться им. Разъясните что из этих инструментов более продвинуто, или не стоит заморачиваться и использовать обоих.

    Asked by cmndr_alexgreen,

    0 votes
    4 answers

  19. Помогите найти ошибку в горизонтальном меню

    Здравствуйте! Помогите пожалуйста найти ошибку. Я первый раз пробую блочную вёрстку (учусь) и столкнулась с такой вот неприятностью. Меню не располагается по всей ширине блока, а уезжает куда-то вправо и упорно все манипуляции происходят там, т.е. когда меняю отступы и прочее, влево вообще не двигается. Вот часть html: <div id="header"> <div id="logo"><a href="/"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></a></div> <div id="logo2"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></div> <div id="gor-menu"> <ul> <li><a href="…

    Asked by Aurika,

    0 votes
    11 answers

  20. Картинки списком внутри дива

    Приветствую уважаемое сообщество! Я новичок в сайтостроении. Прошу помощи. Пытаюсь расположить картинки списком слева направо внутри div_а. Нужно вот что примерно: У меня почему-то фон дива только у заголовка. <div id="content"> <h1>Заголовок</h1> <ul id="shop"> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="sho…

    Asked by AlexLM,

    0 votes
    4 answers

  21. таймер обратного отсчета

    Подскажите пожалуйста, есть ли готовые таймеры на php к примеру, который бы начинал отсчет заного после обновления страницы? В инете много таймеров, но все делают отсчет до определенной даты...

    Asked by EvilDoom,

    0 votes
    1 answer

  22. Разное отображение блоков с одинаковыми размерами в браузерах.

    Помогите пожалуйста разобраться с примером в конце 9-го урока на странице: http://www.site-do.ru/css/css9.php Там автор приводит пример, что блоки при одинаковых размерах могут в различных браузерах выглядеть по разному. Пример этот прикладываю: http://yadi.sk/d/m430JzMV2Or-L Я открывал этот пример в браузерах. Действительно в Fiirefox и Opera выглядит иначе чем в IE8. Но объяснения автора совершенно не улавливаю. Цитирую дословно: "...Но мы задали ширину у всех блоков одинаковую, почему же тогда в IE блок с id="second" шире первого блока? Да потому, что IE не включает в размер блока поля и отступы. Браузер отобразил 3 и 4 блоки шириной в 300 пикселов, а потом задал им по…

    Asked by rikitiki,

    0 votes
    5 answers

  23. Пожалуйста помогите найти ошибку слоев

    http://mexxov.com.ua/index.php?route=product/category&path=59 не могу понять почему <div id="picframe"> перекрывает блок <div id="tovar"> заранее Вас благодарю

    Asked by PesBarbos,

    0 votes
    1 answer

  24. CSS3 и HTML5 стоит ли заморачиватся новичку?

    Здравствуйте. Две недели изучаю изучаю верстку, а именно html 4.1 и css 2.1. Но в процесе выяснил, что эти версии вроде как устарели, или не устарели? вообще не пойму. Вроде пишут что html 5 примут только 2022, но в тоже время он присутствует во всех новых шпаргалках и так далее. Тоже самое css3. Посоветуйте учить их или нет на этом этапе?

    Asked by Alazaren,

    0 votes
    3 answers

  25. "Погоня" за пикселями

    Здавствуйте. Я только учусь, и у меня возник вопрос - насколько нужно гнатся за пикселями при верстке? На картинке http://savepic.ru/3947297.jpg макет который я пробую верстать с наложеный Perfect Pixel я понимаю что можно подогнать получше если присваивать отдельно классы или идентифокаторы (чего я желаю по-максимуму избежать), но нужно ли на практике это делать в ущерб коду? Поделитесь пожалуйста опытом.

    Asked by Kuzyo,

    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