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. Проблема с отступами в контейнере и шириной textarea

    <html> <head> <style type="text/css"> body {margin:0; padding:0;} div.container {margin:100px auto; width:400px; padding:20px; border:1px solid black} p {display:inline} input {display:block} textarea {width:400px} </style> </head> <body> <div class="container"> <form method="post" action="add.php"> <p>Название продукта</p> <input type="text" name"caption"/> <p>Категория продукта</p> <input type="text" name="category"/> <p style="display:block">Описание продукта</p> <textarea rows="5"> </textarea> <input type="submit" value="Добавить"/> </form> </div&…

    Asked by 0nline,

    0 votes
    6 answers

  2. Слетела кодировка

    Не знаю, сюда ли писать, но возник вопрос. http://dobropol.ru/ Выложил сайт на хостинг, кодировка слетела, почему-то. Всё указал верно в коде. В чём может быть проблема?

    Asked by Tezil,

    0 votes
    9 answers

  3. панель на всю ширину экрана+div logo и ul li

    Здравствуйте. Делаю панель на всю ширину экрана: #menu { background: url("/static/images/menu/menu.png") repeat-x scroll 0 0 transparent; position: relative; display: block; width: 100%; height:50px; font-size: 11px; } далее пытаюсь оставить место под лого: #logo{ position: relative; height: 40px; width: 300px; margin: 0; display: block; background-color: red; } угу, далее пытаюсь поставить рядом с лого еще один обьект, назовем его logo1 #logo1{ position: relative; height: 40px; width: 300px; margin: 0; display: block; background-color: red; } Так вот у меня съезжает logo1 под logo. А мне нужно рядом. Вообще как посоветуете строить всё это ?

    Asked by rtl_one,

    0 votes
    3 answers

  4. Divная верстка

    Ребята помогите сделать каркас. Проблема у меня в том что блок images не позиционируется по центру и на лазит на блоки header и menu по верх. Покажите на коде как Вы такое реализовываете, свой код выкладывать не вижу смыла бо там уже полный бред.

    Asked by istory,

    0 votes
    8 answers

  5. Как к селекту привязать координаты с google-карты?

    Есть такая вещь, на странице снизу есть google-карта, выше нее - селект с названиями горов, как сделать так чтобы выборе города из селекта на карте переходило на его координаты? как можно к option привязать координаты?

    Asked by alex_stepanow,

    0 votes
    7 answers

  6. Графики Яндекс Метрики на сайте

    Здравствуйте форумчане. Вот себя уже 4ый день терзаю, никак не могу прикрутить отчёты метрики на сайт. Иными словами, хочу переместить статистику, которая находится в метрике к себе на сайт, чтобы люди могли видеть (не просто цифры, а графики и пр.) Кто с таким сталкивался ? API читал и ничерта не понял.

    Asked by pashkje,

    0 votes
    2 answers

  7. Список не хочет не отображаться

    Помогите пожалуйста, тяму не хватает Есть пример раскрывающегося списка http://get-element.3...aniem/1-1-0-316 Подскажите, почему по умолчанию при загрузке страницы верхний блок "CSS3" раскрыт? Судя по ccs он должен быть свернут, помогите свернуть его по умолчанию, пол дня потратил

    Asked by фонарик,

    0 votes
    4 answers

  8. скрипт, обрезающий строки

    посоветуйте пожалуйста скрипт, который может обрезать в блоке текст до определённого количества строк у меня есть такой . но он не подходит потому что нужно указывать конкретный родительский блок. при этом если в нём окажется вложенный например span, то скрипт не обрабатывает текст

    Asked by cyklop77,

    0 votes
    0 answers

  9. Выпадающее меню на CSS помогите скрыть подменю!

    Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub …

    Asked by antiaofd,

    0 votes
    5 answers

  10. Меню с углами

    Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.

    Asked by Imperil,

    0 votes
    6 answers

  11. Цветная линия не во всю ширину

    Здравствуйте, как можно сделать данную линию? Вижу один способ: - линию отдельно в div. Есть ли свойство у border, чтобы можно было задать цвет bordera не во всю ширину? http://postimage.org/image/oj6exl4f5/ Просмотрел как сделано у Google: http://www.google.ru/intl/ru/about/ background: url("data:image/png;) no-repeat right bottom;

    Asked by Benya-a,

    0 votes
    1 answer

  12. Меню с активными и не активными кнопками

    Добрый день! Помогите пожалуйста решить такую проблему: Имеется меню в котором четыре кнопки, каждая кнопка имеет сваю картинку при наведении на кнопку мышкой картинка изменяется с не активной на активную. Мне надо чтобы пользователь зайдя на определенную страницу сайта (каждая кнопка соответствует своей странице) кнопка горела как активная а перейдя на другую становилась обратно не активной. Вот собственно моя верстка: CSS ————- #menu_2 { margin: 0; margin-left: 0px; padding: 0px 0px 0px 0px; float: left; list-style: none; background: url(../images/header/menu_2/menu_right.jpg) no-repeat right top; } #baner2_1 { position: relative; padding: 0; float: left; background: …

    Asked by lexx,

    0 votes
    5 answers

  13. display:table-cell и firefox

    Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline. демо код времменое решение: @-moz-document url-prefix() { .block { display: block; outline: none; } } но с таким фиксом картинка не будет центироватся

    Asked by ShootingStar,

    0 votes
    2 answers

  14. Проблемы то ли с слоями, то ли фиг знает с чем.

    Всем привет! Есть проблема. Сайт _proklevDOTru. Не работает нужный мне эффект в хромоподобных браузерах. Как должна работать задумка может показать огнелиса. В хроме, когда захожу в "аналог" файрБаг и выключаю для html::before and after position: fixed все почти начинает работать. Вы профи, думаю, поняли, что я хочу. Кто может помочь?

    Asked by il.prohorowi4,

    0 votes
    2 answers

  15. Эффект с шапкой как на googleventures.com

    Как добиться такого эффекта с шапкой как на http://googleventures.com? Можете написать простой пример на 2 дивах, я понимаю что по идее тут нужны свойства z-index и position, но хотелось бы посмотреть на реализацию и понять. Спасибо.

    Asked by aquapasha,

    0 votes
    3 answers

  16. Как перевести функцию php в smarty

    Ребятки, пользуюсь php, но вот пришлось столкнуться со smarty... Как будет выглядеть эта функция на smarty? <?php if ($_GET["operation"] == 'rent') echo 'selected' ?> Очень срочно нужно!

    Asked by alex_stepanow,

    0 votes
    1 answer

  17. FAQ по Smarty

    Итак, разные советы, трюки и рецепты по Smarty. Кто что знает, кидайте сюда. Как сделать, чтобы на всех страницах логотип был ссылкой на главную, а на главной, чтобы ссылки не было? Используем переменную $smarty.server.REQUEST_URI и проверяем ее значение на "/", что и будет соответствовать главной странице. {if $smarty.server.REQUEST_URI != "/"} <a href="/"><img src="/images/title.gif" width="213" height="60" border="0" alt="htmlbook.ru"></a> {else} <img src="/images/title.gif" width="213" height="60" alt="htmlbook.ru"> {/if} Как сделать, чтобы автоматически заполнялся значением какой-то параметр HTML-кода? Надо сделать следующее. Если есть знач…

    Asked by Vlad,

    0 votes
    18 answers

  18. Верстка масштабируемых изображений

    Здравствуйте! Задача: на сайте есть большое изображение, которое должно растягиваться на всю ширину экрана и при этом масштабироваться. Например, как сделано здесь: http://yokohama.progressionstudios.com/ Не могу разобраться, как это сделано. Это работает только на CSS, либо с помощью JS?

    Asked by Светлана Гр.,

    0 votes
    3 answers

  19. Потерял статью

    Всем привет! Наверное написать лучше в эту тему Помню была хорошая статья на хабре, сейчас понадобилась, но по необъяснимой причине я ее не добавил в закладки Вобщем есть такой макет И в той статье очень подробно описывалось для чего нужно такое количество вертикальных полос, в чем удобство, для чего отделять хэдер, контент и футер и прочее прочее... Может у кого осталась ссылка... или хотя бы помогите сформулировать запрос в поиск

    Asked by gare4ka,

    0 votes
    2 answers

  20. Рамка

    Приветствую! Подскажите, как убрать рамку вокруг пунктирного <hr>.

    Asked by Drix87,

    0 votes
    2 answers

  21. Получить href при клике на линк

    Как получить значение текущего href при нажатии на линк с этим атрибутом? Делаю, типа, что-то такого: <a href="img.jpg" onclick="lnk(); return false;">Link</a> <script type="text/javascript"> function lnk() {var l = this.href; alert(l)} </script> Ни чего не выходит.

    Asked by SFproG,

    0 votes
    5 answers

  22. Блок навигации в адресной строке Яндекс браузера

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

    Asked by bigperson,

    0 votes
    2 answers

  23. Оптимизация скорости загрузки фоновых изображений

    Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…

    Asked by nomen,

    0 votes
    2 answers

  24. помогите с позиционированием

    Здраствуйте! Помогите разместить 2 картинки на разных слоях, чтобы 2-я(меньшая, находится на другом слое) позиционировалась относительно первой (большей) сейчас все выглядит так: http://jsfiddle.net/zzhBL/9/ проблема в том, что меньшая картинка "плавает" в зависимости от размера монитора, а нужно чтобы всегда была на одном и мот же месте относительно первой. Вот код: <p> </p> <div><img src="images/logo-rus.gif" border="0" alt="" style="display: block; margin-left: auto; margin-right: auto; position: relative;" /> <div><img src="images/logo03-ru.png" border="0" style="margin: -20px 175px; vertical-align: top; left: 20px; top: 20px; width:…

    Asked by lin0ks,

    0 votes
    4 answers

  25. Почему IE9 ломает таблицу?

    Привет всем. Я никак не могу понять, почему у меня в корзине таблица со списком товаров "ломается" в IE? Съезжают ячейки и в коде как-будто еще одна таблица появляется. Код, формирующий таблицу, вызывается один раз (проверял). В FF, Хроме, Опере - всё хорошо, отрабатывают все скрипты и верстка не расползается. В консоли IE ошибок не замечено. Один раз в процессе отладки правда словил такое сообщение: Вот тестовый сайт, добавьте что угодно в корзину (без товаров она не покажется). Что я просмотрел?

    Asked by d0ublezer0,

    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