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

    Начит так. http://docs.jquery.com/Downloading_jQuery#Download_jQuery - спер от сюдова 1.7.1 (Release Notes) Minified http://professorcloud.com/mainsite/carousel.htm и по этому уроку сделал замечательную карусельку. счастью моему небыло предела. я радовался. Но вдруг горе! jquery.mousewheel.min чтобы карусельку крутить калесеком мышки надо вставить этот скрипт. но фак, она не крутиться. я провел расследование и выявил следующие: во всем виновата библиотека jquery без ней всё робит ок ок. Внимание вопрос "Дзынь" как сделать так чтобы и jquery было подключено и колесом мыши крутилась каруселька.

    Asked by Vanilnaya,

    0 votes
    8 answers

  2. Как правильно объединить картинку и текст в одну ссылку?

    Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?

    Asked by borus,

    0 votes
    8 answers

  3. Высота крайних DIV по высоте среднего

    <div id="primary_content"> <div id='background_content_left'></div> <div id='center'></div> <div id='background_content_right'></div> </div> #primary_content{ width:736px; min-height:600px; margin-left:26px; float:left; margin-top:31px; } #background_content_left{ background-image: url("img/background_content_left.png"); width:17px; height:100%; background-repeat:repeat-y; float:left; } #center{ width:699px; min-height:600px; float:left; } #background_content_right{ background-image: url("img/background_content_right.png"); width:20px; height:100%; background-repeat:repe…

    Asked by Frie,

    0 votes
    8 answers

  4. Сформулировать невозможно, просто посмотрите на картинку

    Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/

    Asked by Squidward,

    0 votes
    8 answers

  5. form - label - input. Заступает текст

    Приветствую всех. Проблема в следующем: игры с параметрами padding и margin для form, label, input не дало результата - текст все-равно заступает за чекбокс..... вот код: <html> <head> <title>test</title> <style type="text/css"> form {padding: 0 0 0 5; margin: 0 0 0 5;} </style> </head> <body> <form><label><input type="checkbox">So I've been experimenting with different margins and paddings on lists, and so far I can't seem to figure it out. The object I'm after seems simple enough; I want less of an "indent" (is that padding or margin?) on the left edge. In other words, I want the little do…

    Asked by ZoomAll,

    0 votes
    8 answers

  6. Проблема с версткой

    Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…

    Asked by veromi,

    0 votes
    8 answers

  7. Помогите с калькулятором

    Привет всем, люди добрые! Нужно сделать форму-калькулятор для расчета стоимости натяжного потолка. Саму форму взял с этого сайта, вот собственно она: <form action="" method="post" class="calc"> <table> <tbody> <tr> <td> Фактура полотна <span>*</span> : </td> <td> <select necessary="1" name="texture" style="width: 250px; "> <option value="0">- не выбрано -</option> <option value="300.5" selected="">Эконом: Мат/лак бел 150/200</option> <option value="450">Германия: Лак бел/цвет 142</option> <option value="500">Германия: Лак бел/цвет 195</option> <option value="650…

    Asked by brendmaster,

    0 votes
    8 answers

  8. Не пойму в чем Не валидность кода

    На сайте _validator.w3.org проверил свой сайт mobine.ru Не пойму в чем не валидность кода. Вот для примера: В чём там ошибки? Для примера я взял только 2 первые ошибки, всего их 215!

    Asked by alleclf,

    0 votes
    8 answers

  9. <select> <option> форматировать текст списка

    Есть список вида: <select> <option>1234 123 123</option> <option>123 1 1</option> </select> Нужно чтобы в выпадающем списке столбцы располагались друг под другом, прим: 1234 123 123 123 1 1 Но добавка пробелов ничего не дает, они просто сокращаются до 1 пробела. Если вместо пробелов использовать нижнее подчеркивание, то тоже не получается, ширина букв разная. Пробовал span`ами и pre, тоже не работает. Даже таблицу пробовал делать внутри тэгов option - не помогает Может еще какие варианты подскажите?

    Asked by Metallic,

    0 votes
    8 answers

  10. Верстка многоуровневого списка

    Извиняюсь, если вопрос такой был, поиском пользовался, честно :-). Есть список вида: <ul class="parent"> <li class="first"></li> <li class="second"> <ul class="child"> <li class="first-child"></li> <li class="second-child"></li> </ul> </li> <li class="third"> <ul class="child"> <li class="fourth-child"></li> <li class="fifth-child"></li> </ul> </li> <li class="fourth"></li> <li class="fifth"></li> </ul> Как правильно написать селектор, чтобы при наведении на second-child ме…

    Asked by xbreaker,

    0 votes
    8 answers

  11. Селекторы в CSS

    Доброго времени суток! Если не сложно не могли бы Вы объяснить работу селекторов на простом примере и дать рекомендации по работе с ними. Предположим есть HTML код: <ul class="label1"> <li class="text1"> <li class="text2"> <ul class="label2"> <li class="text3"></li> </ul> </li> </ul> если мы запишем CSS код: ul + li { /* произвольный стиль */ } то к text1 и к text3 будет применен произвольный стиль т.к. они стоят сразу после ul, а как понять следующие случаи: ul > li + li { /* произвольный стиль */ } и li + ul > li { /* произвольный стиль */ } ??? Очень надеюсь, что Вы поможете разобраться.

    Asked by davell,

    0 votes
    8 answers

  12. min-height и vertical-align

    Добрый вечер. У меня возникла проблема следующего плана. Имеем div с мультилайн текстом. Требуется вертикальное выравнивание, при наличии свойства min-height Буду рад вашей помощи.

    Asked by Arinden,

    0 votes
    8 answers

  13. Кнопки в шапке Wordpress

    Всех приветствую!!! Вот уже парюсь не первый день... Как мне сделать меленькие красивые кнопочки в ряд,так,как показан на рисунке,что бы этот ряд был прикреплен в правой или в левой стороне,без разницы???и без промежутка от картинки логотипа. И пожалуйста,напишите сам код. Заранее спасибо.

    Asked by Моя Кровь,

    0 votes
    8 answers

  14. Вставить видео на страничку

    Добрый вечер! Люди помогите пожалуйста - как вставить видео на страничку.

    Asked by sparta,

    0 votes
    8 answers

  15. как сделать меню?

    http://divhack.com/downloads/study/1/ может кто подскажет как сделать такое же меню (фикс) без таблиц?

    Asked by olechic,

    0 votes
    8 answers

  16. При увеличении масштаба разваливается меню.

    Подскажите пожалуйста как это поправить. Ширина пунктов меню не указана.

    Asked by skygazer,

    0 votes
    8 answers

  17. обрыв фона

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

    Asked by cyklop77,

    0 votes
    8 answers

  18. Проблема с шириной div

    Не могу разобраться, почему на этой странице при центрировании <div class="navigation"> и <div class="main"> получается расхождение точки центрирования на несколько пикселей. Без центрирования расхождения по ширине нет.

    Asked by Dimusyan,

    0 votes
    8 answers

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

    Помогите найти ошибку <html> <head> <script> function otkr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "block"; } function zakr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "none"; } </script> </head> <body> <a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a> <div id="svertmenu" style="display: none;">Это меню</div> </body> </html>

    Asked by supernet95,

    0 votes
    8 answers

  20. Подскажите нубу

    Начал изучать сайто-строение, для примера решил сделать сайт о группе SOAD... вот код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <title>SOAD</title> <style> .center { width: 800px; /* Ширина элемента в пикселах */ height: 1000px; padding: 10px; /* Поля вокруг текста */ margin: auto; /* Выравниваем по центру */ background: #000000; /* Цвет фона */ } body { background: #333333; /* Цвет фона */ color: #fff; /* Цвет текста */ } </style> </head> <body> <div class="center"> <img src="shapka.png" widt…

    Asked by IgnatVoronov,

    0 votes
    8 answers

  21. Давайте изобретём идеальную резину!

    Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов. Собственно, озвучиваю требования по порядку: 1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер. 2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера. 3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз. 4. Возможность сделать header и footer прозрачным…

    Asked by Freakmeister,

    0 votes
    8 answers

  22. Подскажите как лучше сверстать шаблон

    Добрый день, подскажите как правильно сверстать такой шаблон: Как лучше его позиционировать по высоте, оставить прижатым к верху или выставить посередине, если прижать к верху то у пользователя с высоким экраном останется много свободного места внизу, не красиво будет. Подскажите как сделать лучше.

    Asked by Sirega,

    0 votes
    8 answers

  23. img в body

    При вставке изображения шириной более 150 пикс в документ все тело сдвигается влево на 10-15 пикс. В чем может быть проблема подскажите.

    Asked by Siclar,

    0 votes
    8 answers

  24. Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а

    Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100…

    Asked by andreyua,

    0 votes
    8 answers

  25. Проблемы с opacity

    Есть слой на который навешана прозрачность. В нем картинка - на картинку так же применяется прозрачность даже если сделать opacity: 1 картинке. Пример кода: http://jsfiddle.net/3Uz3q/ Как побороть проблему? Спасибо!

    Asked by lost,

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