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. центрование двух и более div по центру

    Итак есть футер, текст которого я хочу выравнять по центру <div id="footer_wrapper"> <div id="footer"> <div id="copyr">траляляляля, самый лучший проект</div> </div> </div> #footer_wrapper { position: relative; display: block; width: 100%; height:50px; } #footer { position: relative; display: block; height: 30px; width: 1002px; } #copyr { position: relative; display: block; height: 30px; width: 400px; } нужно выравнять #copyr внутри #footer по горизонтали и вертикали

    Asked by rtl_one,

    0 votes
    1 answer

  2. Знающие и умеющие помогите советом

    В общем нужно сверстать прогресс-бар, да так чтоб собственно программист потом смог им манипулировать. http://savepic.ru/4041090.png вот сам бар, если кто встречался с такими вещами, то подскажите как лучше его сверстать.

    Asked by vladmih,

    0 votes
    4 answers

  3. тень вокруг элемента

    как видел статью, как сделать тень вокруг элемент с 4х сторон, не могу найти, подскажите ссылку на решение

    Asked by Shaka13,

    0 votes
    6 answers

  4. Порядок и приоритетность документов CSS

    Видимо это азы, которые упущены... Вопрос: есть два документа <HEAD> <LINK href = "mystyle.css" rel = "stylesheet" type = "text/css"> <LINK href = "mystyle_ex.css" rel = "stylesheet" type = "text/css"> <HEAD> Последний из них переназначил цвета, шрифты и не только. Т есть прямо противоречит первому документу. Можно ли считать это, если вообще возможно, хорошим способом "перекрасить" странички? Все ли броз. применят свойства именно из последнего по списку документа? Сила селекторов не затронута при этом, изменены только свойства.

    Asked by seemax,

    0 votes
    1 answer

  5. как наложить 2 блока

    сделал верстку эскиза: внизу блок контента наложил, создав иллюзию, как и 2 колонки одинаковой высоты, а вот как верхнюю часть контента, вернее меню, ума не приложу, вот образец: тыц! помогите доработать!

    Asked by Shaka13,

    0 votes
    2 answers

  6. Исчезновение фиксированного блока при перезагрузке в Opera

    Здравствуйте!!! Существует такая проблема. Я сделал верхний блок (типа footer) фиксированным, чтобы при прокрутке страницы блок сохранялся наверху страницы. Вроде всё работает на IE8+ (7-ка не критична), Chrome, Firefox. В Opera тоже вроде бы фиксация сохраняется при прокрутке. Но при перезагрузке (если страница прокручена) фиксированный блок вновь возвращается вверх и пропадает из виду. На др. браузерах всё норм. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"…

    Asked by sam77726,

    0 votes
    1 answer

  7. галерея

    Люди. Помогите Должно быть так: Вот что получается. Почему номера не отображаются в строчку? http://jsfiddle.net/fmpPe/

    Asked by daniluch,

    0 votes
    3 answers

  8. вопрос знатокам по поводу bootstrap

    добрый день. в принципе с бс знаком, работал. но вот сегодня интересный момент заинтересовал. фиксированная сетка на БС сделана так: каждая ячека имеет отступ слева, после чего весь блок с ячейками сдвигается влева на этот же отступ. а резиновая сетка сделана исходя из того, что ширина контейнера задается 100%, в итоге метод выше не применим(так как при отрицательном margin ширина блока остается такой же, как без него, и справа остается пустое место размером с этот отступ). собственно, что мешает НЕ указывать width 100% и воспользоваться методом выше не вводя дополнительные условия для first-child(last-child)?? ведь блок и так растягивается на 100% ширины. я так понимаю, …

    Asked by USF,

    0 votes
    2 answers

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

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

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

    0 votes
    1 answer

  10. учебник php

    Подкиньте, пожалуйста, здравый учебник по php.

    Asked by Bernard,

    0 votes
    3 answers

  11. Работа с <area>, или "Дурдом для новичка"

    Здравствуйте, уважаемые пользователи данного форума! У меня возникли трудности при написании сайта, потому прошу у вас помощи и совета. Собственно, задача передо мной такая: На странице висит квадратное изображение (1000х1000), разбитое через <map> и <area> на 25 областей (тоже квадраты, 196х196). Каждый фрагмент "заякорен", то есть на него ведет ссылка вида www.site.ru/index.html#a20 Нужно сделать так, чтобы после перехода по такой ссылке, нужный фрагмент выделялся (любым образом). Пример - карта луны, разделенная на участки для покупки. Клиенту дается ссылка на его участок, после перехода он на карте видит свой участок подсвеченным. Я начинал с разреки ориги…

    Asked by Spooch,

    0 votes
    15 answers

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

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

    Asked by ConquX,

    0 votes
    2 answers

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

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

    Asked by gromanev,

    0 votes
    8 answers

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

    Вот для примера код списка: <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

  15. Вёрстка 3 блоков

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

    Asked by GanulArtem,

    0 votes
    5 answers

  16. opacity на <img> в FF

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

    Asked by alexandr_v-vich,

    0 votes
    0 answers

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

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

    Asked by gromanev,

    0 votes
    1 answer

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

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

    Asked by Select,

    0 votes
    10 answers

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

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

    Asked by Feel,

    0 votes
    0 answers

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

    Есть кусочек странички <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

  21. Галерея slimbox2, наиправильнейший вариант

    Нужен совет и критика: Есть галерея - "slimbox2". Бралась готовым кодом с какого то сайта, структура кода примерна такая: <ссылка><картинка></ссылка> + стили для ссылки и для картинки + файлы явы Получилась сетка примерно по 150на130 картинок. У меня возникла необходимость разбавить секции фотографий, текстом. Сделал блок со своими стилями, который в нужном месте вставлял меж фоток. И тут начался бардак. Возникла идея сделать галерею на базе списка, где уже основные параметры назначить ячейки, а в нее вставлять по необходимости рисунок или текст. Вот стало интересно - яве все равно откуда брать ссылку на увеличенное (исходное) изображение, из ссылки кото…

    Asked by cmndr_alexgreen,

    0 votes
    7 answers

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

    ак

    Asked by Ne-Vasha-Natasha,

    0 votes
    1 answer

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

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

    Asked by apexis,

    0 votes
    2 answers

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

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

    Asked by PesBarbos,

    0 votes
    1 answer

  25. Вапрос по 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

  • Обсуждения

    • 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